* {
     margin: 0;
     padding: 0;
     border: 0;
 }
 
 * {
     outline: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
 body {
     overflow-x: hidden;
 }
 
 address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong {
     font-style: normal;
 }
 
 input::-ms-clear {
     display: none;
 }
 
 input::-ms-reveal {
     display: none;
 }
 
 input {
     margin: 0;
     padding: 0;
     outline: 0;
     -webkit-appearance: none;
 }
 
 input::-webkit-input-placeholder {
     color: #ccc;
 }
 
 input::-ms-input-placeholder {
     color: #ccc;
 }
 
 input::-moz-placeholder {
     color: #ccc;
 }
 
 input[type=button],
 input[type=submit] {
     cursor: pointer;
 }
 
 button[disabled],
 input[disabled] {
     cursor: default;
 }
 
 img {
     border: 0;
 }
 
 li,
 ol,
 ul {
     list-style-type: none;
 }
 
 .img-scale {
     overflow: hidden;
 }
 
 .img-scale img {
     transition: all 0.5s;
 }
 
 .img-scale:hover img {
     transform: scale(1.1);
 }
 
 .bg-scale {
     overflow: hidden;
 }
 
 .bg-scale .img-bg {
     transition: all 0.5s ease;
 }
 
 .bg-scale:hover .img-bg {
     transform: translate(-50%, -50%) scale(1.1) !important;
 }
 
 .dot4 {
     display: -webkit-box;
     display: box;
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
 }
 
 .dot5 {
     display: -webkit-box;
     display: box;
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
 }
 
 .dot6 {
     display: -webkit-box;
     display: box;
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 6;
 }
 
 .auto_1440 {
     width: 100%;
     max-width: 1500px;
     margin: 0 auto;
 }
 
 @media (max-width:1440px) {
     .auto_1440 {
         padding: 0 2%;
     }
 }
 
 .carousel {
     position: relative;
     margin: 0 auto;
 }
 
 .carousel .owl-carousel .owl-nav button {
     position: absolute;
     top: 50%;
     font-size: 24px;
     transform: translate(0, -50%);
 }
 
 .carousel .owl-carousel .owl-nav button.owl-prev {
     left: 0;
     margin-left: 10px;
 }
 
 .carousel .owl-carousel .owl-nav button.owl-next {
     right: 0;
     margin-right: 10px;
 }
 
 .carousel .owl-carousel .owl-dots {
     position: absolute;
     bottom: 3%;
     left: 0;
     width: 100%;
     text-align: center;
     /*margin-top: 4%;*/
 }
 
 .carousel .owl-carousel button.owl-dot {
     margin: 0 5px;
     width: 22px;
     height: 22px;
     background: url(/skin/images/wap-dots.png) no-repeat;
     background-size: contain;
     opacity: 1;
 }
 
 .carousel .owl-carousel button.owl-dot.active {
     background-image: url(/skin/images/wap-dots-on.png);
 }
 
 @media(max-width:640px) {
     .carousel .owl-carousel button.owl-dot {
         width: 12px;
         height: 12px;
     }
 }
 
 .location .ico-home {
     display: inline-block;
     margin-right: 4px;
     width: 9px;
     height: 9px;
     background: url(/skin/images/ico_home2.png) no-repeat center center;
 }
 
 .location a {
     color: #999;
 }
 
 .location a:hover {
     color: #fff;
 }
 
 .pro-info {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99;
     overflow: hidden;
     width: 100%;
     height: 0;
     background: rgba(255, 255, 255, 0.9);
     box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.07);
     opacity: 0;
     transition: all 0.3s ease;
 }
 
 .pro-info .h3,
 .pro-info .btn-buy {
     display: none;
 }
 
 .pro-info .h3 {
     float: left;
     color: #555;
     font-weight: 600;
     font-size: 20px;
     line-height: 80px;
 }
 
 .pro-info .btn-buy {
     position: relative;
     z-index: 2;
     float: right;
     margin-top: 20px;
     margin-left: 40px;
     width: 160px;
     height: 40px;
     color: #fff;
     text-align: center;
     font-size: 16px;
     line-height: 40px;
 }
 
 .pro-info .btn-buy::after {
     position: relative;
     top: -1px;
     display: inline-block;
     margin-left: 6px;
     width: 8px;
     height: 14px;
     background: url(/skin/images/ico_arrow_right3.png) no-repeat center center;
     content: "";
     vertical-align: middle;
 }
 
 .pro-info .btn-buy::before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     display: block;
     width: 100%;
     height: 100%;
     background: #435980;
     content: "";
     transform: skew(-15deg);
     transition: all 0.3s ease;
 }
 
 .pro-info .btn-buy:hover::before {
     background: #8e6d4f;
 }
 
 .pro-info.show {
     height: auto;
     opacity: 1;
 }
 
 .pro-info.show .h3,
 .pro-info.show .btn-buy {
     display: block;
 }
 
 .pro-info.show .pro-menu {
     float: right;
     border: 0;
 }
 
 .pro-info.show .pro-menu .ul li {
     padding: 0 30px;
 }
 
 .pro-info.show .pro-menu .ul li a {
     padding: 0 8px;
     white-space: nowrap;
 }
 
 .pro-info.show .pro-menu .ul li a::before {
     top: auto;
     bottom: 0;
 }
 
 .pro-menu {
     border-top: 1px solid #e5e5e5;
 }
 
 .pro-menu .ul li {
     float: left;
     width: 33.33%;
     text-align: center;
 }
 
 .pro-menu .ul li a {
     position: relative;
     display: block;
     height: 80px;
     color: #3b393a;
     font-size: 16px;
     line-height: 80px;
 }
 
 .pro-menu .ul li a::before {
     position: absolute;
     top: -1px;
     left: 50%;
     display: none;
     width: 100%;
     height: 3px;
     background: #555;
     content: "";
     transform: translate(-50%, 0);
 }
 
 .pro-menu .ul li.on a::before {
     display: block;
 }
 
 .pro-menu.hide {
     opacity: 0;
 }
 
 .product-info .sec {
     position: relative;
     overflow: hidden;
     width: 100vw;
     height: 100vh;
 }
 
 .product-info .sec .bg {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     width: 100vw;
     height: 100vh;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec .bg_left,
 .product-info .sec .bg_right {
     z-index: 2;
     left: 0;
     top: 0;
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 
 .product-info .sec .bg_mohu {
     z-index: 3;
     left: 0;
     top: 0;
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }
 
 .product-info .sec0 {
     background: url(/skin/images/prodbg.png) no-repeat center top;
     background-size: cover;
     padding: 1px;
 }
 
 .product-info .sec0 .location {
     margin-top: 35px;
     color: rgba(255, 255, 255, 0.5);
 }
 
 .product-info .sec0 .location a {
     color: rgba(255, 255, 255, 0.5);
 }
 
 .product-info .sec0 .location i {
     font-style: normal;
     font-family: '����';
     margin: 0 10px;
 }
 
 @media(min-width:1025px) {
     .product-info .sec0 .row {
         margin-top: 65px;
     }
     .product-info .sec0 .row .c-left {
         float: left;
         width: 50%;
     }
     .product-info .sec0 .row .c-right {
         float: right;
         width: 50%;
     }
 }
 
 .product-info .sec0 .h2 {
     color: #fff;
     font-weight: 600;
     font-size: 40px;
 }
 
 .product-info .sec0 .h4 {
     margin-top: 22px;
     color: #fff;
     font-size: 18px;
 }
 
 .product-info .sec0 .h3 {
     font-size: 18px;
     color: #fff;
     margin-top: 17px;
     line-height: 50px;
 }
 
 .product-info .sec0 .h3 .hp {
     display: inline-block;
     position: relative;
     z-index: 1;
     padding: 0 20px;
     margin-left: 15px;
 }
 
 .product-info .sec0 .h3 .hp:before {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #435980;
     transform: skewX(-15deg);
 }
 
 .product-info .sec0 .h3 .hp span {
     color: #fff;
     position: relative;
     z-index: 3;
     background-repeat: no-repeat;
     background-position: left center;
     display: inline-block;
     padding-left: 35px;
 }
 
 .product-info .sec0 .h3 .hp span.tm {
     margin-right: 15px;
     background-image: url(/skin/images/a_tm.png);
 }
 
 .product-info .sec0 .h3 .hp span.jd {
     background-image: url(/skin/images/a_jd.png);
 }
 /*.product-info .sec0 .h3 span{color:#ff012c;font-weight: 600;}*/
 
 .product-info .sec0 .pro-menu {
     border-color: rgba(255, 255, 255, 0.1);
 }
 
 .product-info .sec0 .pro-menu .ul li a {
     color: rgba(255, 255, 255, 0.5);
 }
 
 .product-info .sec0 .pro-menu .ul li a::before {
     background: #fff;
 }
 
 .product-info .sec0 .pro-menu .ul li:hover a,
 .product-info .sec0 .pro-menu .ul li.on a {
     color: #fff;
 }
 
 .product-info .sec0 .c-links {
     text-align: right;
 }
 
 .product-info .sec0 .c-links .btn {
     display: inline-block;
     margin: 0 25px;
     color: rgba(255, 255, 255, 0.5);
     vertical-align: top;
     text-align: center;
 }
 
 .product-info .sec0 .c-links .btn .ico {
     position: relative;
     z-index: 2;
     display: inline-block;
     width: 60px;
     height: 50px;
 }
 
 .product-info .sec0 .c-links .btn .ico::before {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     display: block;
     width: 100%;
     height: 100%;
     border: 1px solid rgba(255, 255, 255, 0.5);
     background-position: center center;
     background-repeat: no-repeat;
     content: "";
     transform: translate(-50%, -50%) skew(-15deg);
     transition: all 0.3s ease;
 }
 
 .product-info .sec0 .c-links .btn .ico::after {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     content: "";
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec0 .c-links .btn .h5 {
     margin-top: 6px;
 }
 
 .product-info .sec0 .c-links .btn .ico::after {
     opacity: 0.8;
 }
 
 .product-info .sec0 .c-links .btn.btn-counsel {
     position: relative;
 }
 
 .product-info .sec0 .c-links .btn.btn-counsel .ico::after {
     background-image: url(/skin/images/ico_counsel2.png);
 }
 
 .product-info .sec0 .c-links .btn.btn-appointment .ico::after {
     background-image: url(/skin/images/ico_appointment2.png);
 }
 
 .product-info .sec0 .c-links .btn:hover .ico::after {
     opacity: 1;
 }
 
 .product-info .sec0 .c-links .btn.btn-buy {
     width: 210px;
     color: #fff;
 }
 
 .product-info .sec0 .c-links .btn.btn-buy .ico {
     width: 100%;
     color: #fff;
     font-size: 16px;
     line-height: 50px;
     padding: 0 10px;
 }
 
 .product-info .sec0 .c-links .btn.btn-buy .ico::after {
     position: relative;
     top: -2px;
     display: inline-block;
     margin-left: 6px;
     width: 8px;
     height: 14px;
     background: url(/skin/images/ico_arrow_right3.png) no-repeat center center;
     content: "";
     vertical-align: middle;
     left: auto;
     transform: none;
 }
 
 .product-info .sec0 .c-links .btn.btn-buy .ico::before {
     border-color: #435980;
     background: #435980;
 }
 
 .product-info .sec0 .c-links .btn:hover {
     color: #fff;
 }
 
 .product-info .sec0 .c-links .btn:hover .ico::before {
     border-color: #8e6d4f;
     background-color: #8e6d4f;
 }
 
 .product-info .sec0 .c-shoplinks {
     display: inline-block;
     vertical-align: top;
     opacity: 1;
 }
 
 .product-info .sec0 .c-shoplinks:hover .shop-group {
     opacity: 1;
 }
 
 .product-info .sec0 .c-shoplinks .shop-group {
     margin-top: 30px;
     text-align: center;
     opacity: 0;
     transition: all 0.3s ease;
     overflow: hidden;
 }
 
 .product-info .sec0 .c-shoplinks .shop-group a {
     float: left;
     width: 50%;
     color: #999;
 }
 
 .product-info .sec0 .c-shoplinks .shop-group a .ico {
     width: 44px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: center bottom;
     margin: 0 auto;
     transition: all 0.5s ease;
 }
 
 .product-info .sec0 .c-shoplinks .shop-group a:hover .ico {
     transform: rotateY(180deg);
 }
 
 .product-info .sec0 .c-shoplinks .shop-group .btn-tmall .ico {
     background-image: url(/skin/images/ico_tmall.png);
 }
 
 .product-info .sec0 .c-shoplinks .shop-group .btn-tmall:hover .ico {
     background-image: url(/skin/images/ico_tmall_2.png);
 }
 
 .product-info .sec0 .c-shoplinks .shop-group .btn-jd .ico {
     background-image: url(/skin/images/ico_jd.png);
 }
 
 .product-info .sec0 .c-shoplinks .shop-group .btn-jd:hover .ico {
     background-image: url(/skin/images/ico_jd_2.png);
 }
 
 .product-info .sec0 .c-shoplinks .shop-group a .h5 {
     margin-top: 8px;
     color: #777;
 }
 
 .product-info .sec0 .c-shoplinks .shop-group a:hover .h5 {
     color: #fff;
 }
 
 .product-info .sec0 .c-shoplinks:hover .shop-group {
     opacity: 1;
 }
 
 @media (max-width:1366px) {
     .product-info .sec0 .c-links .btn {
         margin: 0 5px;
     }
 }
 
 @media(max-width:1024px) {
     /*	.product-info .sec0{padding-top: 0!important;}*/
     .product-info .sec0 .row {
         margin-top: 30px;
     }
     .product-info .sec0 .row .c-left {
         padding-bottom: 30px;
     }
     .product-info .sec0 .c-links {
         text-align: left;
     }
     .product-info .sec0 .c-shoplinks {
         position: relative;
     }
     .product-info .sec0 .c-shoplinks .shop-group {
         position: absolute;
         left: 100%;
         top: 0;
         width: 100%;
         margin: 0;
     }
     .product-info .sec0 .c-shoplinks .shop-group a .h5 {
         margin-top: 0;
     }
     .product-info .sec0 .h3 {
         padding-bottom: 30px;
     }
 }
 
 @media(max-width:640px) {
     .product-info .sec0 .h2 {
         font-size: 28px;
     }
     .product-info .sec0 .h4 {
         margin-top: 10px;
         font-size: 16px;
     }
     .product-info .sec0 .h3 {
         margin-top: 15px;
         font-size: 16px;
     }
     .product-info .sec0 .c-links .btn .ico {
         height: 40px;
         width: 50px;
     }
     .product-info .sec0 .c-links .btn.btn-buy {
         width: 100%;
         margin: 0;
     }
     .product-info .sec0 .c-links .btn.btn-buy .ico {
         line-height: 40px;
         padding: 0 20px;
     }
     .product-info .sec0 .c-shoplinks .shop-group {
         left: 0;
         top: 100%;
         padding-top: 10px;
     }
     .product-info .sec0 .c-shoplinks .shop-group a .ico {
         background-size: auto 60%;
         background-position: center center;
         width: auto;
         height: 30px;
     }
     .product-info .sec0 .c-shoplinks .shop-group a .h5 {
         display: none;
     }
 }
 
 @media(max-width:768px) {
     .product-info .sec0 .h3 .hp {
         margin: 0;
     }
 }
 
 @media(max-width:480px) {
     .product-info .sec0 .h3 .hp {
         display: block;
         padding: 0 10px;
         text-align: center;
         font-size: 12px;
         line-height: 36px;
     }
 }
 
 .product-info .sec1 .bg-1 {
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: -1;
     width: 100vw;
     height: 10vw;
     background-position: center center;
     background-size: 100%;
     background-repeat: no-repeat;
     transform: translate(-50%, 0);
 }
 
 .product-info .sec1 .title {
     padding-top: 16%;
     color: #fff;
     text-align: center;
 }
 
 .product-info .sec1 .title .t-desc {
     margin-top: 16px;
     letter-spacing: 20px;
     font-size: 24px;
     line-height: 30px;
 }
 
 .product-info .sec1 .title .t-desc span {
     padding-left: 20px;
 }
 
 .product-info .sec1 .back {
     padding: 0 0 55px;
     width: 100%;
     text-align: center;
 }
 
 .product-info .sec1 .back .img {
     position: relative;
     z-index: 2;
 }
 
 .product-info .sec1 .back .img-r {
     position: absolute;
     top: 100%;
     left: 50%;
     margin-top: -100px;
     width: 100%;
     opacity: 0.1;
     transform: translate(-50%, 0) rotateX(180deg);
 }
 
 .product-info .sec1 .back .img-l {
     position: absolute;
     top: 0;
     left: 50%;
     z-index: 3;
     margin-top: 45px;
     margin-left: -80px;
     width: 600px;
     height: 600px;
     background: url(/skin/images/product_sec_bg12.png) no-repeat center center;
     opacity: 0.6;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec2 {
     background: #4c84b1;
     color: #fff;
 }
 
 .product-info .sec2 .row {
     display: table;
     width: 100%;
 }
 
 .product-info .sec2 .row .col {
     display: table-cell;
     vertical-align: middle;
 }
 
 .product-info .sec2 .row .c-left {
     width: 38%;
     max-width: 540px;
 }
 
 .product-info .sec2 .row .c-left .img {
     position: relative;
     top: 110px;
 }
 
 .product-info .sec2 .row .c-left .img::after {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     display: block;
     width: 60%;
     height: 60%;
     border-radius: 30%;
     background: rgba(255, 255, 255, 0.3);
     box-shadow: 150px 0 150px 250px rgba(255, 255, 255, 0.3);
     content: "";
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec2 .row .c-left .img::before {
     position: absolute;
     top: 30%;
     right: 50%;
     z-index: -1;
     display: block;
     width: 50vw;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.8);
     content: "";
     transform: rotate(-15deg);
 }
 
 .product-info .sec2 .row .c-right {
     padding-left: 80px;
     width: 60%;
     text-align: center;
 }
 
 .product-info .sec2 .row .danliys {
     padding-left: 150px;
     width: 50%;
 }
 
 .product-info .sec2 .row .c-right .c-top .ul li {
     float: left;
     width: 33.33%;
     background: url(/skin/images/line_01.png) no-repeat right center;
 }
 
 .product-info .sec2 .row .c-right .c-top .ul li:last-child {
     background: none;
 }
 
 .product-info .sec2 .row .c-right .c-top .num {
     font-size: 20px;
 }
 
 .product-info .sec2 .row .c-right .c-top .num span {
     font-size: 60px;
     padding-right: 10px;
 }
 
 .product-info .sec2 .row .c-right .c-top .h4 {
     font-size: 24px;
 }
 
 .product-info .sec2 .row .c-right .c-top .h5 {
     margin-top: 6px;
     font-size: 16px;
 }
 
 .product-info .sec2 .row .danliys .c-top .num span {
     font-size: 50px;
 }
 
 .product-info .sec2 .row .danliys .c-top .h4 {
     font-size: 20px;
 }
 
 .product-info .sec2 .row .danliys .c-top .h5 {
     font-size: 14px;
 }
 
 .product-info .sec2 .row .c-right .c-bot .ul {
     padding-top: 40px;
 }
 
 .product-info .sec2 .row .c-right .c-bot .ul li {
     float: left;
     margin-top: 40px;
     width: 25%;
 }
 
 .product-info .sec2 .row .c-right .c-bot .ico {
     position: relative;
     display: inline-block;
     overflow: hidden;
     width: 108px;
     height: 108px;
     background: url(/skin/images/ico_circle.png) no-repeat center center;
     background-size: contain;
     transition: 0.4s linear;
 }
 
 .product-info .sec2 .row .c-right .c-bot .ico:hover {
     transform: rotate(360deg);
 }
 
 .product-info .sec2 .row .c-right .c-bot .ico img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec2 .row .danliys .c-bot .ul {
     padding-top: 20px;
 }
 
 .product-info .sec2 .row .danliys .c-bot .ico {
     width: 88px;
     height: 88px;
 }
 
 .product-info .sec2 .row .danliys .c-bot .ico img {
     max-width: 60%;
 }
 
 .product-info .sec2 .row .c-right .c-bot .h5 {
     margin-top: 4px;
     font-size: 20px;
 }
 
 .product-info .sec3 {
     color: #fff;
 }
 
 .product-info .sec3 .bg-img {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     width: 100vw;
     height: 100vh;
     transform: translate(-50%, -50%);
     background: #030e20;
 }
 
 .product-info .sec3 .bg-img .img1,
 .product-info .sec3 .bg-img .img2 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     opacity: 0;
 }
 
 .product-info .sec3 .row {
     display: table;
     width: 100%;
 }
 
 .product-info .sec3 .row .col {
     display: table-cell;
     vertical-align: middle;
 }
 
 .product-info .sec3 .row .c-left {
     padding-left: 4%;
     width: 40%;
 }
 
 .product-info .sec3 .row .c-left .h3 {
     font-size: 60px;
 }
 
 .product-info .sec3 .row .c-left .h3 span {
     display: block;
     text-indent: 1.5em;
 }
 
 .product-info .sec3 .row .c-left .h5 {
     margin-top: 20px;
     font-size: 20px;
 }
 
 .product-info .sec3 .content {
     overflow: hidden;
     padding: 5% 0;
 }
 
 .product-info .sec3 .left {
     float: left;
     width: 40%;
     padding-left: 8%;
     padding-right: 4%;
     padding-top: 4%;
 }
 
 .product-info .sec3 .right {
     float: right;
     width: 60%;
     padding-right: 4%;
 }
 
 .product-info .sec3 .left .t-title::after {
     content: "";
     display: block;
     height: 4px;
     width: 50%;
     background-color: #fff;
     margin-top: 4%;
 }
 
 .product-info .sec3 .left .intro {
     margin-top: 7%;
 }
 
 .product-info .sec4 {
     color: #fff;
 }
 
 .product-info .sec4 .bg {
     background-color: #316f9e;
 }
 
 .product-info .sec4 .bg-1 {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     width: 100vw;
     height: 100vh;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     opacity: 1;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec4 .row {
     display: table;
     width: 100%;
 }
 
 f .product-info .sec4 .row .col {
     display: table-cell;
     vertical-align: middle;
 }
 
 .product-info .sec4 .row .c-left {
     width: 50%;
 }
 
 .product-info .sec4 .row .c-left .img .img1,
 .product-info .sec4 .row .c-left .img .img2,
 .product-info .sec4 .row .c-left .img .img3,
 .product-info .sec4 .row .c-left .img .img4 {
     position: absolute;
     bottom: 0;
     left: 0;
     opacity: 1;
 }
 
 .product-info .sec4 .row .c-right {
     padding-left: 4%;
     width: 60%;
 }
 
 .product-info .sec4 .row .c-right .h3 {
     font-size: 60px;
 }
 
 .product-info .sec4 .row .c-right .h3 span {
     display: block;
     text-indent: 1.5em;
 }
 
 .product-info .sec4 .row .c-right .h5 {
     margin-top: 20px;
     font-size: 20px;
 }
 
 .product-info .sec5 .title {
     color: #fff;
     text-align: center;
 }
 
 .product-info .sec5 .title .t-title {
     font-size: 42px;
 }
 
 .product-info .sec5 .title .t-desc {
     margin-top: 16px;
     font-size: 20px;
     line-height: 30px;
 }
 
 .product-info .sec5 .back {
     text-align: center;
 }
 
 .product-info .sec5 .back .b-top {
     margin: 50px auto 0;
     max-width: 800px;
 }
 
 .product-info .sec5 .back .b-top .ul li {
     float: left;
     width: 14.2%;
 }
 
 .product-info .sec5 .back .b-top .ico {
     position: relative;
     display: inline-block;
     overflow: hidden;
 }
 
 .product-info .sec5 .back .b-top .ico img {
     transition: all 0.5s ease;
 }
 
 .product-info .sec5 .back .b-top .ico:hover img {
     transform: rotate(360deg);
 }
 
 .product-info .sec5 .back .b-top .h5 {
     margin-top: 12px;
     color: #68b4f0;
     font-size: 16px;
     opacity: 0.5;
 }
 
 .product-info .sec5 .back .b-bot .img {
     position: relative;
     z-index: 2;
 }
 
 .product-info .sec5 .back .b-bot .img .img2 {
     position: absolute;
     left: 50%;
     top: 0;
     transform: translate(-50%, 0);
     width: auto;
     height: 100%;
 }
 
 .product-info .sec6 {
     text-align: right;
 }
 
 .product-info .sec6 .bg-1 {
     display: inline-block;
 }
 
 .product-info .sec6 .bg-1 .wifi {
     position: absolute;
     top: 220px;
     left: -10px;
     transform: rotate(-35deg);
 }
 
 .product-info .sec6 .title {
     padding-top: 27%;
     color: #fff;
     text-align: right;
 }
 
 .product-info .sec6 .title .t-title {
     font-size: 60px;
 }
 
 .product-info .sec6 .title .t-desc {
     margin-top: 16px;
     font-size: 20px;
     line-height: 30px;
 }
 
 .product-info .sec6 .img {
     position: relative;
 }
 
 .product-info .sec6 .img img {
     position: relative;
 }
 
 .product-info .sec6 .img::before {
     content: "";
     width: 100%;
     height: 100%;
     display: block;
     background: url(/skin/images/product_sec_bg62.png) no-repeat center center;
     background-size: contain;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .product-info .sec6 .img .wifi {
     position: absolute;
     top: -50px;
     left: 120px;
 }
 
 .product-info .sec6 .wifi {
     position: relative;
     width: 72px;
 }
 
 .product-info .sec6 .wifi::before {
     display: block;
     padding-bottom: 80%;
     width: 100%;
     content: "";
     animation: animation-wifi 1.5s infinite;
     -webkit-animation: animation-wifi 1.5s infinite;
     -ms-animation: animation-wifi 1.5s infinite;
 }
 
 .product-info .sec6 .auto_1440 {
     height: 100%;
     position: relative;
     z-index: 100
 }
 
 .product-info .sec7 {
     color: #fff;
 }
 
 .product-info .sec7 .row .c-right {
     float: right;
     padding-right: 10%;
     width: 55%;
 }
 
 .product-info .sec7 .row .c-right .h3 {
     font-size: 60px;
 }
 
 .product-info .sec7 .row .c-right .h3 span {
     display: block;
     text-indent: 1.5em;
 }
 
 .product-info .sec7 .row .c-right .h5 {
     margin-top: 20px;
     /*text-align:right;*/
     font-size: 20px;
 }
 
 .product-info .sec7 .row .c-right .ul {
     margin-top: 60px;
     text-align: center;
     margin-left: 4em;
 }
 
 .product-info .sec7 .row .c-right .ul li {
     float: left;
     width: 20%;
 }
 
 .product-info .sec7 .row .c-right .ico {
     transition: all 0.5s ease;
 }
 
 .product-info .sec7 .row .c-right .ico:hover {
     transform: rotate(360deg);
 }
 
 .product-info .sec7 .row .c-right .h6 {
     margin-top: 8px;
     color: #68b4f0;
     font-size: 16px;
 }
 
 .product-info .sec8 {
     color: #fff;
 }
 
 .product-info .sec8 .row {
     display: table;
     width: 100%;
 }
 
 .product-info .sec8 .row .col {
     display: table-cell;
     vertical-align: middle;
 }
 
 .product-info .sec8 .row .c-left {
     width: 44%;
 }
 
 .product-info .sec8 .row .c-left .h3 {
     font-size: 60px;
 }
 
 .product-info .sec8 .row .c-left .h3 span {
     display: block;
 }
 
 .product-info .sec8 .row .c-left .h5 {
     margin-top: 20px;
     font-size: 20px;
 }
 
 .product-info .sec8 .row .c-right {
     width: 60%;
     text-align: center;
 }
 
 .product-info .sec8 .row .c-right .img {
     height: 100vh;
     position: relative;
 }
 
 .product-info .sec8 .row .c-right .img img {
     position: relative;
 }
 
 .product-info .sec8 .row .c-right .img .img3,
 .product-info .sec8 .row .c-right .img .img2 {
     position: absolute;
     top: 0;
     left: 50%;
     transform: translate(-50%, 0);
 }
 
 .product-info .sec9 .title {
     margin: 3.5% 0;
     color: #000;
     text-align: center;
     font-size: 44px;
 }
 
 .product-info .sec9 .row {
     background: #004189;
 }
 
 .product-info .sec4_chi {
     color: #fff;
 }
 /*.product-info .sec4_chi .bg{background-color:#316f9e;}*/
 
 .product-info .sec4_chi .bg-1 {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     width: 100vw;
     height: 100vh;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     opacity: 1;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec4_chi .info .h3 {
     font-size: 60px;
 }
 
 .product-info .sec4_chi .info .h3 span {
     display: block;
     text-indent: 1.5em;
 }
 
 .product-info .sec4_chi .info .h5 {
     margin-top: 20px;
     font-size: 20px;
 }
 
 .product-info .sec4_chi .info .icons {
     margin-top: 6.5%
 }
 
 .product-info .sec5_chi .back .b-top {
     margin: 50px auto 0;
     max-width: 1030px;
 }
 
 .product-info .sec5_chi .back .b-top .ul li {
     float: left;
     width: 11.1%;
 }
 
 .product-info .sec6_chi .title {
     float: right;
     text-align: center;
 }
 
 .product-info .sec6_chi .img::before,
 .product-info .sec6_chi .img .wifi {
     display: none;
 }
 
 .product-info .sec7_chi .row .c-right {
     float: right;
     padding-right: 0;
     width: 47%;
 }
 
 .product-info .sec7_chi .row .c-right .ul {
     text-align: right;
 }
 
 .product-info .sec7_chi .row .c-right .ul li {
     float: inherit;
     display: inline-block;
     text-align: center;
 }
 
 @media(min-width:1025px) {
     .product-info .sec9 .row {
         display: table;
         width: 100%;
     }
     .product-info .sec9 .row .col {
         display: table-cell;
         vertical-align: middle;
     }
     .product-info .sec9 .row .c-left {
         width: 35%;
     }
     .product-info .sec9 .row .c-right .table {
         padding: 25px 50px;
         overflow: auto;
         width: 100%;
     }
     .product-info .sec9 .row .c-right .table table td {
         font-size: 18px;
         line-height: 30px;
         padding-top: 15px;
         padding-bottom: 15px;
     }
     .product-info .sec9 .row .c-right .table table td.w2 {
         width: 37.21%;
     }
     .product-info .sec9 .row .c-right .table table .f-n-1 {
         width: 133px;
     }
     .product-info .sec9 .row .c-right .table table .f-n-2 {
         width: 120px;
     }
 }
 
 @media(max-width:1024px) {
     .product-info .sec9 {
         padding-bottom: 3.5%;
     }
     .product-info .sec9 .row .c-left {
         display: none;
     }
     .product-info .sec9 .row .c-right .table {
         padding: 10px;
     }
     .product-info .sec9 .row .c-right .table table td {
         line-height: 20px;
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .product-info .sec9 .row .c-right .table table td.w2 {
         width: 28%;
     }
     .product-info .sec9 .row .c-right .table table .f-n-1 {
         width: 110px;
     }
     .product-info .sec9 .row .c-right .table table .f-n-2 {
         width: 90px;
     }
     .product-info .sec3 .content {
         padding: 0
     }
     .product-info .sec3 .left,
     .product-info .sec3 .right {
         padding-left: 3%;
         padding-right: 3%;
     }
     .product-info .sec2_chi .content {
         padding: 0 3% !important;
     }
     .product-info .sec2_chi .right {
         padding-right: 0 !important;
     }
 }
 
 .product-info .sec9 .row .c-right .table table {
     width: 100%;
 }
 
 .product-info .sec9 .row .c-right .table table tr {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .product-info .sec9 .row .c-right .table table td {
     color: #fff;
     word-break: break-all;
     vertical-align: top;
 }
 
 .product-info .sec9 .row .c-right .table table .f-n-1,
 .product-info .sec9 .row .c-right .table table .f-n-2 {
     font-weight: 600;
 }
 
 .product-info .sec10 {
     overflow: hidden;
 }
 
 .product-info .sec10 .title {
     margin: 7% 0 3.5%;
     color: #000;
     text-align: center;
     font-size: 44px;
 }
 
 .product-info .sec10 .ul {
     margin: 0 -12px;
 }
 
 .product-info .sec10 .ul li {
     float: left;
     margin-bottom: 24px;
     padding: 0 12px;
     width: 50%;
 }
 
 .product-info .sec10 .back {
     position: relative;
     display: block;
     padding: 0 100px 0 30px;
     height: 80px;
     background: #f5f5f5;
     color: #333;
     font-size: 18px;
     line-height: 80px;
 }
 
 .product-info .sec10 .back::after {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 80px;
     height: 100%;
     background: #f9f9f9 url(/skin/images/ico_download.png) no-repeat center center;
     content: "";
 }
 
 .product-info .sec11 {
     padding-bottom: 6%;
 }
 
 .product-info .sec11 .title {
     margin: 7% 0 3.5%;
     color: #000;
     text-align: center;
     font-size: 44px;
 }
 
 .product-info .sec11 .back {
     display: block;
     padding: 20px 35px;
     width: 100%;
     background: #f7f7f7;
     text-align: center;
 }
 
 .product-info .sec11 .back .img {
     position: relative;
     display: block;
     overflow: initial;
     padding-bottom: 100%;
     width: 100%;
 }
 
 .product-info .sec11 .back .img .img-bg {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-size: contain;
     background-repeat: no-repeat;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec11 .back .h4 {
     display: block;
     margin-top: 10px;
     color: #3b393a;
     font-size: 18px;
     line-height: 30px;
 }
 
 .product-info .sec11 .back .btn-link {
     margin-top: 5px;
 }
 
 .product-info .sec11 .back .btn-link .btn {
     display: inline-block;
     color: #006dc4;
 }
 
 .product-info .sec11 .back .btn-link .btn::after {
     display: inline-block;
     margin-left: 4px;
     content: ">";
 }
 
 .product-info .sec12 {
     padding-bottom: 6%;
 }
 
 .product-info .sec12 .title {
     margin: 7% 0 3.5%;
     color: #000;
     text-align: center;
     font-size: 44px;
 }
 
 .product-info .sec12 .back {
     display: block;
     text-align: center;
 }
 
 .product-info .sec12 .back .img {
     position: relative;
     overflow: hidden;
     display: block;
 }
 
 .product-info .sec12 .back .img img {
     transition: all 0.3s ease;
 }
 
 .product-info .sec12 .back .img:hover img {
     transform: scale(1.1);
 }
 
 .product-info .sec12 .back .h4 {
     display: block;
     margin-top: 10px;
     color: #3b393a;
     font-size: 18px;
     line-height: 30px;
 }
 
 .product-info .sec12 .back .btn-link {
     margin-top: 5px;
 }
 
 .product-info .sec12 .back .btn-link .btn {
     display: inline-block;
     color: #006dc4;
 }
 
 .product-info .sec12 .back .btn-link .btn::after {
     display: inline-block;
     margin-left: 4px;
     content: ">";
 }
 
 .product-info .sec12 .back .btn-link .btn:hover {
     color: #435980;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button {
     width: 60px;
     height: 50px;
     margin: 0;
     top: 40%;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button.owl-prev {
     left: -120px;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button.owl-next {
     right: -120px;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button::before {
     content: "";
     width: 100%;
     height: 100%;
     display: block;
     border: 1px solid #eee;
     transform: skew(-10deg);
     position: absolute;
     left: 0;
     top: 0;
     transition: all 0.3s ease;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button span {
     width: 12px;
     height: 22px;
     background: url(/skin/images/ico_arrow_right7.png) no-repeat center center;
     font-size: 0;
     display: block;
     margin: 0 auto;
     position: relative;
     z-index: 2;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button.owl-prev span {
     transform: rotate(180deg);
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button:hover::before {
     background: #435980;
     border-color: #435980;
 }
 
 .product-info .sec12 .carousel .owl-carousel .owl-nav button:hover span {
     background-image: url(/skin/images/ico_arrow_right4.png);
 }
 /*��ҳ��Ʒ??*/
 
 .product-info .sec1_chi .bg-1 {
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: -1;
     width: 100vw;
     height: 10vw;
     background-position: center center;
     background-size: 100%;
     background-repeat: no-repeat;
     transform: translate(-50%, 0);
 }
 
 .product-info .sec1_chi .title {
     position: relative;
     padding-top: 28%;
     color: #fff;
     text-align: right;
 }
 
 .product-info .sec1_chi .title .t-desc {
     margin-top: 16px;
     letter-spacing: 20px;
     font-size: 24px;
     line-height: 30px;
 }
 
 .product-info .sec1_chi .title .t-desc span {
     padding-left: 20px;
 }
 
 .product-info .sec1_chi .title .img-1 {
     position: absolute;
     top: 0;
     left: 72%;
     z-index: 3;
     margin-top: 30px;
     margin-left: -80px;
     width: 600px;
     height: 600px;
     background: url(/skin/images/product_sec_bg013.png) no-repeat center center;
     opacity: 0.6;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec1_chi .title .img-2 {
     position: absolute;
     top: 0;
     left: 94%;
     z-index: 3;
     margin-top: 70px;
     margin-left: -80px;
     width: 600px;
     height: 600px;
     background: url(/skin/images/product_sec_bg014.png) no-repeat center center;
     opacity: 0.6;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec1_chi .back {
     padding: 0 0 55px;
     width: 100%;
     text-align: center;
 }
 
 .product-info .sec1_chi .back .img {
     position: relative;
     z-index: 2;
     padding-right: 45%;
 }
 
 .product-info .sec1_chi .back .img-r {
     position: absolute;
     top: 100%;
     left: 50%;
     margin-top: -100px;
     width: 100%;
     opacity: 0.1;
     transform: translate(-50%, 0) rotateX(180deg);
 }
 
 .product-info .sec1_chi .back .img-l {
     position: absolute;
     top: 0;
     left: 30%;
     z-index: 3;
     margin-top: 70px;
     margin-left: -80px;
     width: 600px;
     height: 600px;
     background: url(/skin/images/product_sec_bg012.png) no-repeat center center;
     opacity: 0.6;
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec1_chi .content {
     text-align: center;
     padding-top: 6.9vh;
 }
 
 .product-info .sec1_chi .content .t-title {
     margin-bottom: 4.5vh
 }
 
 .product-info .sec1_chi .content .t-title img {
     margin-left: -7%;
     width: 30%;
     max-width: 440px
 }
 
 .product-info .sec1_chi .content .pro-img img {
     width: 36%;
     max-width: 546px;
 }
 
 .product-info .sec2_chi {
     color: #fff;
 }
 
 .product-info .sec2_chi .row {
     display: table;
     width: 100%;
 }
 
 .product-info .sec2_chi .row .col {
     display: table-cell;
     vertical-align: middle;
 }
 
 .product-info .sec2_chi .row .c-left,
 .product-info .sec2_chi .row .c-right .c-bot .ul li,
 .product-info .sec2_chi .row .c-right .c-top {
     position: relative;
     opacity: 0;
     transition: none;
 }
 
 .product-info .sec2_chi .row .c-right .c-top {
     right: -50vw;
 }
 
 .product-info .sec2_chi .row .c-left {
     left: -100vw;
     width: 35%;
     max-width: 580px;
 }
 
 .product-info .sec2_chi .row .c-left .img {
     position: relative;
     top: 0px;
 }
 
 .product-info .sec2_chi .row .c-left .img::after {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     display: block;
     width: 60%;
     height: 60%;
     border-radius: 30%;
     background: rgba(255, 255, 255, 0.3);
     box-shadow: 150px 0 150px 250px rgba(255, 255, 255, 0.3);
     content: "";
     transform: translate(-50%, -50%);
 }
 
 .product-info .sec2_chi .row .c-left .img::before {
     position: absolute;
     top: 25%;
     right: 50%;
     z-index: -1;
     display: block;
     width: 50vw;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.8);
     content: "";
     transform: rotate(-15deg);
 }
 
 .product-info .sec2_chi .row .c-left .img::after {
     opacity: 0;
 }
 
 .product-info .sec2_chi .row .c-right {
     padding-left: 150px;
     width: 57%;
 }
 
 .product-info .sec2_chi .row .c-right .c-top .t-1 {
     font-size: 40px;
 }
 
 .product-info .sec2_chi .row .c-right .c-top .t-1 span {
     display: block;
     text-align: center;
 }
 
 .product-info .sec2_chi .row .c-right .c-top .t-2 {
     font-size: 20px;
     padding-top: 20px;
 }
 
 .product-info .sec2_chi .row .c-right .c-bot .ul {
     padding-top: 20px;
 }
 
 .product-info .sec2_chi .row .c-right .c-bot .ul li {
     float: left;
     margin-top: 40px;
     width: 25%;
     text-align: center;
     right: -20px;
 }
 
 .product-info .sec2_chi .row .c-right .c-bot .ico {
     position: relative;
     display: inline-block;
     overflow: hidden;
     width: 80px;
     height: 80px;
     background: url(/skin/images/ico_circle.png) no-repeat center center;
     background-size: contain;
     transition: 0.4s linear;
 }
 
 .product-info .sec2_chi .row .c-right .c-bot .ico:hover {
     transform: rotate(360deg);
 }
 
 .product-info .sec2_chi .row .c-right .c-bot .ico img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 60%;
 }
 
 .product-info .sec2_chi .row .c-right .c-bot .h5 {
     margin-top: 4px;
     font-size: 20px;
 }
 
 .product-info .sec2_chi .content {
     overflow: hidden;
     padding: 4.5% 8%;
 }
 
 .product-info .sec2_chi .left {
     float: left;
     width: 50%;
     padding-right: 2%;
 }
 
 .product-info .sec2_chi .right {
     float: right;
     width: 50%;
     padding-right: 6%;
 }
 
 .product-info .sec2_chi .left .v8 {
     display: block;
     margin-bottom: 8%;
 }
 
 .product-info .sec2_chi .right .t-title,
 .product-info .sec3 .left .t-title {
     font-size: 60px;
     line-height: 1.5
 }
 
 .product-info .sec2_chi .right .t-title .t2::before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     width: 148px;
     height: 4px;
     background: #fff;
     margin-left: 1em;
     margin-top: -4px
 }
 
 .product-info .sec2_chi .right .intro,
 .product-info .sec3 .left .intro {
     font-size: 24px;
     font-weight: lighter;
     margin-top: 4%;
     margin-bottom: 7%;
     line-height: 1.7
 }
 
 @media(max-width:1440px) {
     .product-info .sec2_chi .row .c-left {
         width: 27%;
     }
     .product-info .sec2_chi .row .c-left .img {
         max-width: 400px;
     }
     .product-info .sec2_chi .row .c-right {
         padding-left: 150px;
         width: 52%;
     }
     .product-info .sec2_chi .row .c-right .c-top .t-1 {
         font-size: 40px;
         line-height: 50px;
     }
     .product-info .sec2_chi .row .c-right .c-top .t-2 {
         font-size: 18px;
         padding-top: 20px;
     }
     .product-info .sec2_chi .row .c-right .c-top .num {
         font-size: 18px;
     }
     .product-info .sec2_chi .row .c-right .c-top .num span {
         font-size: 54px;
     }
     .product-info .sec2_chi .row .c-right .c-bot .ul {
         padding-top: 0;
     }
     .product-info .sec2_chi .row .c-right .c-bot .ul li {
         margin-top: 20px;
     }
     .product-info .sec2_chi .row .c-right .c-bot .ico {
         width: 70px;
         height: 70px;
     }
     .product-info .sec2_chi .row .c-right .c-bot .ico img {
         max-width: 60%;
     }
     .product-info .sec2_chi .row .c-right .c-bot .h5 {
         font-size: 16px;
     }
     .product-info .sec4_chi .info {
         width: auto;
         padding-right: 5%;
     }
     .product-info .sec2_chi .content {
         padding-top: 9%;
         padding-bottom: 9%;
     }
     .product-info .sec2_chi .right .t-title,
     .product-info .sec3 .left .t-title {
         font-size: 40px;
     }
     .product-info .sec2_chi .right .intro,
     .product-info .sec3 .left .intro {
         font-size: 20px
     }
     .product-info .sec2_chi .right .t-title .t2::before {
         width: 90px
     }
     .product-info .sec1_chi .content .t-title img {
         width: 25%;
     }
     .product-info .sec1_chi .content .pro-img img {
         width: 30%
     }
 }
 
 @media(max-width:1300px) {
     .product-info .sec2_chi .row .c-right .c-top .t-1 {
         font-size: 30px;
     }
     .product-info .sec2_chi .row .c-right .c-top .t-2 {
         font-size: 16px;
     }
     .product-info .sec4_chi .info .h3 {
         font-size: 30px;
     }
 }
 
 @media(max-width: 992px) {
     .product-info .sec2_chi .left,
     .product-info .sec2_chi .right {
         float: none;
         width: 100%
     }
     .product-info .sec2_chi .right .t-title,
     .product-info .sec3 .left .t-title {
         font-size: 20px;
     }
     .product-info .sec2_chi .right .intro,
     .product-info .sec3 .left .intro {
         font-size: 16px
     }
     .product-info .sec3 .left,
     .product-info .sec3 .right {
         float: none;
         width: 100%
     }
     .product-info .sec2_chi .right .t-title .t2::before {
         width: 45px;
         height: 2px;
     }
     .product-info .sec4_chi .info .h3 {
         font-size: 20px
     }
     .product-info .sec4_chi .info .h5 {
         font-size: 16px
     }
     .product-info .sec1_chi .content .t-title img {
         width: 60%;
     }
     .product-info .sec1_chi .content .pro-img img {
         width: 66%;
     }
 }
 /* ��ҳ��ʽ */
 
 .index .sec1,
 .index .sec3,
 .index .sec4,
 .index .sec6 {
     background: #fff;
 }
 
 .index .s-title {
     position: relative;
     margin: 130px 0 40px;
     padding-right: 260px;
 }
 
 .index .s-title .s-h4 {
     color: #969a9e;
     font-size: 20px;
     padding-bottom: 10px;
 }
 
 .index .s-title .s-h2 {
     color: #3b393a;
     font-size: 44px;
     /* font-family: "fzzzhonggjw"; */
     font-weight: 600;
 }
 
 .index .s-title .h-search {
     position: absolute;
     top: 50%;
     right: 0;
     width: 260px;
     border: 1px solid #d9d7d3;
     transform: translate(0, -50%);
 }
 
 .index .s-title .h-search .text {
     padding: 0 60px 0 20px;
     border: 0;
     width: 100%;
     height: 60px;
     line-height: 60px;
     color: #b4afa8;
     background: none;
 }
 
 .index .s-title .h-search .btn {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 60px;
     background: url(/skin/images/ico_search3.png) no-repeat center center;
     font-size: 0;
 }
 
 @media(max-width:750px) {
     .index .s-title {
         font-size: 44px;
         padding: 1.72727em 0 0.727272em 0;
         margin: 0;
     }
     .index .s-title .s-h2 {
         font-size: 28px;
     }
     .index .s-title .s-h4 {
         font-size: 15px;
     }
     .index .s-title .h-search {
         display: none;
     }
 }
 
 @media(max-width:640px) {
     .index .s-title {
         font-size: 30px;
     }
 }
 
 @media(max-width:370px) {
     .index .s-title {
         font-size: 26px;
     }
 }
 
 @media(min-width:751px) {
     .index .carousel .owl-carousel button.owl-dot {
         position: relative;
         z-index: 2;
         margin: 0;
         width: 40px;
         height: 34px;
         border-radius: 0;
         background: #fff url(/skin/images/ico_rhombus2.png) no-repeat center center;
         vertical-align: middle;
     }
     .index .carousel .owl-carousel button.owl-dot::after {
         display: none;
         color: #333;
         content: "";
         font-size: 12px;
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(1)::after {
         content: "01";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(2)::after {
         content: "02";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(3)::after {
         content: "03";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(4)::after {
         content: "04";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(5)::after {
         content: "05";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(6)::after {
         content: "06";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(7)::after {
         content: "07";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(8)::after {
         content: "08";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(9)::after {
         content: "09";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(10)::after {
         content: "10";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(11)::after {
         content: "11";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(12)::after {
         content: "12";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(13)::after {
         content: "13";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(14)::after {
         content: "14";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(15)::after {
         content: "15";
     }
     .index .carousel .owl-carousel button.owl-dot:nth-child(16)::after {
         content: "16";
     }
     .index .carousel .owl-carousel button.owl-dot.active {
         background-image: url(/skin/images/ico_rhombus3.png);
     }
     .index .carousel .owl-carousel button.owl-dot.active::after {
         display: block;
     }
 }
 
 .index .sec1 .pages {
     position: absolute;
     bottom: 60px;
     left: 50%;
     max-width: 1440px;
     z-index: 20;
 }
 
 .index .sec1 .pages span {
     display: inline-block;
     background: url(/skin/images/ico_rhombus.png) no-repeat center center;
     vertical-align: middle;
     cursor: pointer;
 }
 
 @media(min-width:751px) {
     .index .sec1 .pages {
         text-align: right;
         transform: translate(-50%, 0);
     }
     .index .sec1 .pages span {
         width: 40px;
         height: 34px;
     }
     .index .sec1 .pages span.active {
         background-image: url(/skin/images/ico_rhombus1.png);
     }
     .index .sec1 .pages span:after {
         display: none;
         color: #333;
         content: "";
         font-size: 12px;
         line-height: 34px;
         color: #fff;
         text-align: center;
     }
     .index .sec1 .pages span.active::after {
         display: block;
     }
     .index .sec1 .pages span:nth-child(1)::after {
         content: "01";
     }
     .index .sec1 .pages span:nth-child(2)::after {
         content: "02";
     }
     .index .sec1 .pages span:nth-child(3)::after {
         content: "03";
     }
     .index .sec1 .pages span:nth-child(4)::after {
         content: "04";
     }
     .index .sec1 .pages span:nth-child(5)::after {
         content: "05";
     }
     .index .sec1 .pages span:nth-child(6)::after {
         content: "06";
     }
     .index .sec1 .pages span:nth-child(7)::after {
         content: "07";
     }
     .index .sec1 .pages span:nth-child(8)::after {
         content: "08";
     }
     .index .sec1 .pages span:nth-child(9)::after {
         content: "09";
     }
     .index .sec1 .pages span:nth-child(10)::after {
         content: "10";
     }
 }
 
 @media(max-width:750px) {
     .index .sec1 .pages {
         width: 100%;
         text-align: center;
         bottom: 3%;
         left: 0;
     }
     .index .sec1 .pages span {
         width: 12px;
         height: 12px;
         margin: 0 5px;
     }
     .index .sec1 .pages span {
         background: url(/skin/images/wap-dots.png) no-repeat;
         background-size: contain;
         opacity: 1;
     }
     .index .sec1 .pages span.active {
         background-image: url(/skin/images/wap-dots-on.png);
     }
 }
 
 .index .sec1 .back {
     position: relative;
     display: block;
     color: #fff;
 }
 
 .index .sec1 .img-pc img {
     display: block;
     width: 100%;
 }
 
 @media(min-width:751px) {
     .index .sec1 .img-pc img.wap {
         display: none;
     }
     .index .sec1 .auto {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 }
 
 @media(max-width:750px) {
     .index .sec1 .img-pc img.pc {
         display: none;
     }
 }
 /*.index .sec1 .img-pc .img-bg{padding-bottom:49.5%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}*/
 
 .index .sec1 .auto {
     position: absolute;
 }
 
 .index .sec1 .back1 .info .h4 {
     font-size: 36px;
 }
 
 .index .sec1 .back1 .info .h2 {
     letter-spacing: 12px;
     font-size: 48px;
 }
 
 .index .sec1 .back1 .info .h5 {
     margin-top: 20px;
     font-size: 36px;
 }
 
 @media(min-width:751px)and (max-width:1440px) {
     .index .sec1 .back1 .info .h4 {
         font-size: 24px;
     }
     .index .sec1 .back1 .info .h2 {
         font-size: 42px;
     }
     .index .sec1 .back1 .info .h5 {
         font-size: 16px;
     }
 }
 
 @media(max-width:750px) {
     .index .sec1 .auto {
         right: 0;
         top: 25%;
     }
     .index .sec1 .back1 .auto {
         text-align: right;
         right: 2%;
         font-size: 60px;
     }
     .index .sec1 .back1 .info .h4 {
         font-size: 0.6em;
         padding-right: 0.2em;
     }
     .index .sec1 .back1 .info .h2 {
         letter-spacing: 0.15em;
         font-size: 1em;
     }
     .index .sec1 .back1 .info .h5 {
         margin-top: 0.5em;
         font-size: 0.3em;
         padding-right: 0.5em;
     }
     .index .sec1 .back1 .info .h5:before {
         width: 20%;
         max-width: 150px;
         height: 1px;
         display: inline-block;
         content: '';
         margin-right: 2%;
         opacity: 0.3;
         background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
         /* FF3.6-15 */
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
         /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
         /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
         /* IE6-9 */
     }
 }
 
 @media(max-width:640px) {
     .index .sec1 .back1 .auto {
         font-size: 40px;
     }
     .index .sec1 .back1 .info .h2 {
         font-size: 0.8em;
     }
 }
 
 .index .sec1 .back2 .info {
     text-align: center;
 }
 
 .index .sec1 .back2 .info .img img {
     width: auto;
     margin: 0 auto;
 }
 
 .index .sec1 .back2 .info .h3 {
     margin-top: 40px;
     letter-spacing: 8px;
     font-size: 42px;
 }
 
 .index .sec1 .back2 .info .btn-group {
     margin-top: 40px;
 }
 
 .index .sec1 .back2 .info .btn {
     display: inline-block;
     margin: 0 20px;
     width: 200px;
     height: 50px;
     color: #fff;
     font-size: 16px;
     line-height: 50px;
     position: relative;
 }
 
 .index .sec1 .back2 .info .btn::before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     display: block;
     width: 100%;
     height: 100%;
     border: 1px solid rgba(255, 255, 255, .5);
     content: "";
     transform: skew(-15deg);
     transition: all 0.3s ease;
 }
 
 .index .sec1 .back2 .info .btn::after {
     display: inline-block;
     margin-left: 8px;
     width: 7px;
     height: 13px;
     background: url(/skin/images/ico_arrow_right3.png) no-repeat center center;
     content: "";
     vertical-align: middle;
 }
 
 .index .sec1 .back2 .info .btn:hover::before {
     background: #435980;
     border-color: #435980;
     color: #fff;
 }
 
 @media(min-width:751px) and (max-width:1440px) {
     .index .sec1 .back2 .img {
         margin: 0 auto;
         max-width: 600px;
     }
     .index .sec1 .back2 .info .h3 {
         margin-top: 30px;
         font-size: 32px;
     }
     .index .sec1 .back2 .info .btn-group {
         margin-top: 30px;
     }
 }
 
 @media(max-width:750px) {
     .index .sec1 .back2 .info .h3,
     .index .sec1 .back2 .img {
         width: 80%;
         margin: 0 auto;
     }
     .index .sec1 .back2 .info {
         font-size: 36px;
     }
     .index .sec1 .back2 .info .h3 {
         width: 95%;
         font-size: 1em;
         margin-top: 0.83334em;
         letter-spacing: 0;
     }
     .index .sec1 .back2 .info .btn {
         width: 10em;
         height: 2.77778em;
         line-height: 2.77778em;
         font-size: 0.5em;
         margin: 0 1.11111em;
         z-index: 10;
     }
 }
 
 @media(max-width:640px) {
     .index .sec1 .back2 .info {
         font-size: 24px;
     }
 }
 
 .index .sec1 .back3 .info {
     text-align: center;
 }
 
 .index .sec1 .back3 .img img {
     width: auto;
     margin: 0 auto;
 }
 
 .index .sec1 .back3 .info .h2 {
     font-size: 64px;
     letter-spacing: 12px;
 }
 
 .index .sec1 .back3 .info .h3 {
     font-size: 24px;
     margin-top: 20px;
     letter-spacing: 6px;
 }
 
 @media(min-width:751px) {
     .index .sec1 .back3 .auto {
         top: 40%;
     }
 }
 
 @media(max-width:750px) {
     .index .sec1 .back3 .info {
         font-size: 60px;
     }
     .index .sec1 .back3 .info .h2 {
         font-size: 1em;
         letter-spacing: 0.15em;
     }
     .index .sec1 .back3 .info .h3 {
         font-size: 0.375em;
     }
 }
 
 @media(max-width:640px) {
     .index .sec1 .back3 .info {
         font-size: 50px;
     }
 }
 
 @media(max-width:480px) {
     .index .sec1 .back3 .info {
         font-size: 32px;
     }
 }
 
 .index .sec2 .ul li {
     border-right: 1px solid #fff;
 }
 
 .index .sec2 .ul:hover li {
     border-right-color: transparent;
 }
 
 .index .sec2 .img {
     position: relative;
 }
 
 .index .sec2 .img>img {
     width: 100%;
     display: block;
 }
 
 .index .sec2 .img .info {
     position: absolute;
     top: 0;
     left: 0;
     padding: 10px;
     width: 100%;
     height: 100%;
     color: #fff;
     text-align: center;
 }
 
 .index .sec2 .img .h3 {
     margin-top: 14%;
     font-size: 30px;
 }
 
 .index .sec2 .img .h5 {
     margin-top: 12px;
     font-size: 18px;
 }
 
 .index .sec2 .img .btn-group {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 20px 0;
     width: 100%;
     transition: all 0.3s ease;
 }
 
 .index .sec2 .img .btn {
     position: relative;
     z-index: 2;
     display: block;
     margin: 13px auto 0;
     width: 160px;
     height: 40px;
     color: #fff;
     font-size: 16px;
     line-height: 40px;
     transition: all 0.3s ease;
 }
 
 .index .sec2 .img .btn::after {
     position: relative;
     top: -1px;
     display: inline-block;
     margin-left: 6px;
     width: 8px;
     height: 14px;
     background: url(/skin/images/ico_arrow_right3.png) no-repeat center center;
     content: "";
     vertical-align: middle;
     transition: 0.3s;
 }
 
 .index .sec2 .img .btn:hover:after {
     margin-left: 20px;
     ;
 }
 
 .index .sec2 .img .btn-buy::before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     display: block;
     width: 100%;
     height: 100%;
     background: #435980;
     content: "";
     transform: skew(-15deg);
     -webkit-transform: skew(-15deg);
     -ms-transform: skew(-15deg);
     transition: 0.3s;
 }
 
 .index .sec2 .img .btn-buy:hover::before {
     transform: skew(0);
     -webkit-transform: skew(0);
     -ms-transform: skew(0);
     border-radius: 0 0 5px 5px;
 }
 
 .index .btn-buy figure {
     position: absolute;
     background: #fff;
     border-radius: 5px 5px 0 0;
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
     bottom: 100%;
     left: 0;
     width: 100%;
     padding: 10px 5px;
     display: none;
 }
 
 .index .btn-buy figure:after {
     position: absolute;
     content: '';
     border: 5px solid transparent;
     border-top-color: #fff;
     top: 100%;
     left: 50%;
     margin-left: -5px;
 }
 
 .index .btn-buy figure a {
     background: url(/skin/images/ico_tmall.png) no-repeat center top;
     background-size: 50% auto;
     padding-top: 23px;
     color: #333;
     float: left;
     width: 50%;
     font-size: 14px;
     line-height: normal;
 }
 
 .index .btn-buy figure a:hover {
     color: #435980;
 }
 
 .index .btn-buy figure a:not(:last-child) {
     border-right: 1px solid #ddd;
 }
 
 .index .btn-buy figure a:nth-child(2) {
     background-image: url(/skin/images/ico_jd.png);
     background-size: 40% auto;
 }
 
 .index .btn-buy figure.Yigea a {
     width: 100%;
 }
 
 .index .sec2 .img-big {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     opacity: 0;
     transition: all 0.3s ease;
     transform: translate(-50%, -50%);
 }
 
 @media(min-width:1025px) {
     .index .sec2 .ul li {
         float: left;
         width: 33.3333%;
     }
     .index .sec2 .ul li .img>img.wap {
         display: none !important;
     }
     /*.index .sec2 li:hover .img > img,
 .index .sec2 li:hover .img .info > *{opacity:0; transition: 0.3s;}*/
     .index .sec2 li .img-big {
         transition: transform 4s ease;
         transform: translate(-50%, -50%) scale(1.05);
     }
     .index .sec2 li:hover .img-big {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
         z-index: 10
     }
     .index .sec2 li:hover .img {
         z-index: 20;
     }
     .index .sec2 li:hover .img .info .btn-group {
         opacity: 1;
     }
 }
 
 @media(max-width:1024px) {
     .index .sec2 .ul li .img>img.pc {
         display: none;
     }
     .index .slick-dots {
         position: relative;
         text-align: center;
         margin: 50px 0 0 0;
     }
     .index .slick-dots:before {
         position: absolute;
         content: '';
         width: 100%;
         height: 1px;
         background: #d9d7d3;
         left: 0;
         top: 50%;
     }
     .index .slick-dots li {
         display: inline-block;
         background: #fff;
         position: relative;
         z-index: 4;
         padding: 0 10px;
     }
     .index .slick-dots li:first-child {
         padding-left: 30px;
     }
     .index .slick-dots li:last-child {
         padding-right: 30px;
     }
     .index .slick-dots li button {
         width: 22px;
         height: 20px;
         display: block;
         font-size: 0;
         background: url(/skin/images/wap-dots2.png) no-repeat;
         background-size: contain;
     }
     .index .slick-dots li.slick-active button {
         background-image: url(/skin/images/wap-dots-on.png);
     }
 }
 
 @media(max-width:480px) {
     .index .slick-dots {
         margin: 30px 0 0 0;
     }
     .index .slick-dots li {
         padding: 0 5px;
     }
     .index .slick-dots li:first-child {
         padding-left: 20px;
     }
     .index .slick-dots li:last-child {
         padding-right: 20px;
     }
     .index .slick-dots li button {
         width: 16px;
         height: 16px;
     }
 }
 
 @media(max-width:750px) {
     .index .sec2 .img .info {
         font-size: 100px;
         padding-top: 1.6em;
     }
     .index .sec2 .img .h3 {
         font-family: "fzzzhonggjw";
         font-size: 0.6em;
         white-space: initial;
         margin: 0;
         display: none;
     }
     .index .sec2 .img .h5 {
         font-size: 0.24em;
         font-family: "FZLTCXHJW";
         letter-spacing: 0.5em;
         display: none;
     }
     .index .sec2 .img .btn-group {
         padding: 0;
         bottom: 0.42em;
     }
     .index .sec2 .img .btn {
         display: inline-block;
         font-size: 0.24em;
         width: 8.16667em;
         height: 2.5em;
         line-height: 2.5em;
         margin: 0;
     }
     .index .sec2 .img .btn-buy::before {
         transform: skew(-30deg);
         -webkit-transform: skew(-30deg);
         -ms-transform: skew(-30deg);
     }
     .index .sec2 .img .btn::after {
         width: 0.416666em;
         height: 0.791666em;
         background-image: url(/skin/images/ico_arrow_right10.png);
         background-size: contain;
         margin-left: 0.625em;
     }
 }
 
 @media(max-width:640px) {
     .index .sec2 .img .info {
         font-size: 76px;
     }
 }
 
 @media(max-width:480px) {
     .index .sec2 .img .info {
         font-size: 60px;
     }
 }
 
 @media(max-width:370px) {
     .index .sec2 .img .info {
         font-size: 52px;
     }
 }
 
 .index .sec3 {
     overflow: hidden;
 }
 
 .index .sec3 .carousel {
     position: relative;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-nav button {
     width: 50vw;
     height: 100%;
     opacity: 0;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-nav button.owl-prev {
     left: auto;
     right: 100%;
     margin: 0;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-nav button.owl-next {
     right: auto;
     left: 100%;
     margin: 0;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-stage-outer {
     overflow: initial;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-item {
     opacity: 0.2;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-item .info,
 .index .sec3 .carousel .owl-carousel .owl-item .img-pro {
     opacity: 0;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-item.active {
     opacity: 1;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-item.active .info,
 .index .sec3 .carousel .owl-carousel .owl-item.active .img-pro {
     opacity: 1;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-dots::before {
     position: absolute;
     top: 50%;
     left: 0;
     display: block;
     width: 100%;
     height: 1px;
     background: #b4afa8;
     content: "";
     opacity: 0.5;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-dot:first-child::before,
 .index .sec3 .carousel .owl-carousel .owl-dot:last-child::before {
     position: absolute;
     top: 0;
     right: 100%;
     display: block;
     width: 20px;
     height: 100%;
     background: #fff;
     content: "";
 }
 
 .index .sec3 .carousel .owl-carousel .owl-dot:last-child::before {
     left: 100%;
 }
 
 .index .sec3 .back {
     width: 100%;
 }
 
 .index .sec3 .back .img {
     position: relative;
     display: block;
     width: 100%;
 }
 
 .index .sec3 .back .img .img-bg {
     padding-bottom: 66%;
     width: 100%;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 
 .index .sec3 .back .img .img-pro {
     position: absolute;
     top: 100%;
     right: 0;
     width: 40%;
     transform: translate(0, -50%);
 }
 
 .index .sec3 .back .img .img-pro img {
     transition: all 0.3s ease;
 }
 
 .index .sec3 .back .img:hover .img-pro img {
     transform: scale(1.1);
 }
 
 .index .sec3 .back .info {
     padding-bottom: 73px;
     padding-right: 50%;
 }
 
 .index .sec3 .back .info .h3 {
     margin-top: 35px;
     color: #3b393a;
     font-size: 28px;
 }
 
 .index .sec3 .back .info .h5 {
     margin-top: 15px;
     color: #969a9e;
     line-height: 25px;
     font-size: 15px;
 }
 
 .index .sec3 .back .info .btn-group {
     margin-top: 20px;
     width: 200%;
 }
 
 .index .sec3 .back .info .btn {
     display: inline-block;
     margin-right: 35px;
     height: 30px;
     color: #000;
     font-size: 16px;
     line-height: 30px;
     transition: all 0.3s ease;
     position: relative;
     font-weight: bold;
 }
 
 .index .sec3 .back .info .btn::after {
     position: relative;
     top: -1px;
     display: inline-block;
     margin-left: 6px;
     width: 8px;
     height: 14px;
     background: url(/skin/images/ico_arrow_right.png) no-repeat center center;
     content: "";
     vertical-align: middle;
 }
 
 .index .sec3 .back .info .btn:before {
     z-index: -1;
     position: absolute;
     content: '';
     left: -5%;
     top: 0;
     width: 110%;
     height: 100%;
     transform: skewX(-15deg);
     -webkit-transform: skewX(-15deg);
     -ms-transform: skewX(-15deg);
     transition: 0.3s;
 }
 
 .index .sec3 .back .info .btn:hover:before {
     background: #435980;
 }
 
 .index .sec3 .back .info .btn:hover {
     color: #fff;
 }
 
 .index .sec3 .back .info .btn:hover::after {
     background-image: url(/skin/images/ico_arrow_right3.png);
 }
 
 .index .sec3 .back .info .btn-buy {
     display: inline-block;
 }
 
 .index .sec3 .back .info .btn-buy figure {
     width: 130px;
     text-align: center;
     left: 50%;
     margin-left: -65px;
     padding-left: 0;
     padding-right: 0;
 }
 
 .index .sec3 .back .info .btn-buy figure.Yigea {
     width: 65px;
     left: 85%;
 }
 
 .index .sec3 .carousel .owl-carousel .owl-dots {
     position: relative;
     bottom: auto;
 }
 
 @media(max-width:750px) {
     .index .sec3 .back .img .img-pro {
         width: 40%;
         margin-top: 10%;
         
     }
     .index .sec3 .back .info {
         padding-right: 40%;
         font-size: 100px;
         padding-bottom: 10%;
     }
     .index .sec3 .back .info .h3 {
         font-size: 0.28em;
         margin-top: 1em;
     }
     .index .sec3 .back .info .h5 {
         font-size: 0.2em;
         display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
     }
     .index .sec3 .back .info .btn-group {
         margin-top: -40px;
     }
     /* .index .sec3 .back .info .btn {
        margin-right: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 0.2em;
        float: left;
        font-weight: normal;
    } */
     .index .sec3 .back .info .btn::after {
         width: 0.4em;
         height: 0.75em;
         background-image: url(/skin/images/ico_arrow_right11.png);
         background-size: contain;
         font-size: 1em;
     }
     .index .sec3 .carousel .owl-carousel .owl-dots button {
         background: #fff;
         padding: 0 10px;
         z-index: 10;
         position: relative;
         margin: 0;
         width: 42px;
     }
     .index .sec3 .carousel .owl-carousel .owl-dots button span {
         display: block;
         height: 20px;
         background: url(/skin/images/wap-dots2.png) no-repeat;
         background-size: contain;
         margin: 0 auto;
         width: 22px;
     }
     .index .sec3 .carousel .owl-carousel .owl-dots button.active span {
         background-image: url(/skin/images/wap-dots-on.png);
     }
 }
 
 @media(max-width:640px) {
     .index .sec3 .back .info {
         font-size: 80px;
     }
     .index .sec3 .carousel .owl-carousel .owl-dots button {
         padding: 0 5px;
         width: 26px;
         height: 16px;
     }
     .index .sec3 .carousel .owl-carousel .owl-dots button span {
         height: 16px;
         width: 16px;
     }
 }
 
 @media(max-width:400px) {
     .index .sec3 .back .info {
         font-size: 70px;
     }
 }
 /*.index .sec4{padding-bottom:130px;}*/
 
 .index .sec4 .swiper {
     position: relative;
 }
 
 .index .sec4 .auto {
     position: relative;
 }
 
 .index .sec4 .swiper .s-top .swiper-container {
     z-index: initial;
 }
 /*.index .sec4 .swiper .s-top .swiper-slide{z-index: 1;opacity: 0;overflow:hidden;}
.index .sec4 .swiper .s-top .swiper-slide-acitve{z-index: 10;}*/
 
 .index .sec4 .swiper .s-top .back {
     position: relative;
     overflow: hidden;
     opacity: 0;
 }
 
 .index .sec4 .swiper .s-top .swiper-slide-active .back {
     opacity: 1;
 }
 
 .index .sec4 .swiper .s-top .back .info {
     background: rgba(142, 109, 79, 0.8);
     color: #fff;
     position: relative;
 }
 
 .index .sec4 .swiper .s-top .back .info::before {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     width: 92%;
     height: 94%;
     border: 1px solid #fff;
     content: "";
     opacity: 0.3;
     transform: translate(-50%, -50%);
 }
 
 .index .sec4 .swiper .s-top .back .h2 {
     font-size: 24px;
 }
 
 .index .sec4 .swiper .s-top .back .h5 {
     margin-top: 10px;
 }
 
 .index .sec4 .swiper .s-top .back .h4 {
     margin-top: 30px;
     font-size: 18px;
 }
 
 .index .sec4 .swiper .s-top .back .h3 {
     margin-top: 10px;
     font-size: 36px;
 }
 
 .index .sec4 .swiper .s-top .back .h3 span {
     font-size: 20px;
 }
 
 .index .sec4 .swiper .s-top .back .btn-group {
     position: relative;
     margin-top: 30px;
     text-align: center;
 }
 
 .index .sec4 .swiper .s-top .back .btn {
     position: relative;
     z-index: 2;
     display: block;
     margin-top: 20px;
     width: 160px;
     height: 40px;
     color: #fff;
     font-size: 16px;
     line-height: 40px;
     transition: all 0.3s ease;
 }
 
 .index .sec4 .swiper .s-top .back .btn:hover {
     transform: scale(1.1);
 }
 
 .index .sec4 .swiper .s-top .back .btn::after {
     position: relative;
     top: -1px;
     display: inline-block;
     margin-left: 6px;
     width: 8px;
     height: 14px;
     background: url(/skin/images/ico_arrow_right3.png) no-repeat center center;
     content: "";
     vertical-align: middle;
 }
 
 .index .sec4 .swiper .s-top .back .btn-order::before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     display: block;
     width: 100%;
     height: 100%;
     background: #435980;
     content: "";
     transform: skew(-15deg);
 }
 
 .index .sec4 .swiper .s-bot {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 2;
     padding: 10px 45px;
     width: 100%;
     background: rgba(0, 0, 0, 0.7);
 }
 
 .index .sec4 .swiper .s-bot .back {
     position: relative;
     cursor: pointer;
 }
 
 .index .sec4 .swiper .s-bot .back .info {
     position: absolute;
     top: 50%;
     left: 50%;
     padding: 10px;
     color: #fff;
     text-align: center;
     transition: all 0.3s ease;
     transform: translate(-50%, -50%);
     width: 100%;
 }
 
 .index .sec4 .swiper .s-bot .back .h4 {
     font-size: 18px;
 }
 
 .index .sec4 .swiper .s-bot .back .h5 {
     color: #aaa;
     margin-top: 5px;
 }
 
 .index .sec4 .swiper .s-bot .back .img {
     position: relative;
     opacity: 0;
     transition: all 0.3s ease;
 }
 
 .index .sec4 .swiper .s-bot .swiper-slide-thumb-active .back .img {
     opacity: 1;
 }
 
 .index .sec4 .swiper .s-bot .swiper-slide-thumb-active .back .info {
     opacity: 0;
 }
 
 .index .sec4 .swiper .swiper-button-prev {
     top: 100%;
     left: 15px;
     z-index: 3;
     margin-top: -90px;
     background-image: url(/skin/images/ico_arrow_prev4.png);
 }
 
 .index .sec4 .swiper .swiper-button-next {
     top: 100%;
     right: 15px;
     z-index: 3;
     margin-top: -90px;
     background-image: url(/skin/images/ico_arrow_right4.png);
 }
 
 .index .sec4 .swiper .swiper-button-next,
 .index .sec4 .swiper .swiper-button-prev {
     width: 12px;
     height: 22px;
     background-position: center center;
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .index .sec4 .swiper .swiper-button-next::after,
 .index .sec4 .swiper .swiper-button-prev::after {
     font-size: 0;
 }
 
 @media(min-width:751px) {
     .index .sec4 .swiper .s-top .pagers {
         display: none;
     }
     .index .sec4 .swiper .s-top .back .info {
         position: absolute;
         right: 120px;
         bottom: 240px;
         padding: 45px;
         width: 300px;
     }
     .index .sec4 .swiper .s-top .img img.wap {
         display: none;
     }
 }
 
 @media(max-width:750px) {
     .index .sec4 .swiper .s-top .img img.pc {
         display: none;
     }
     .index .sec4 .swiper .swiper-button-white,
     .index .sec4 .swiper .s-bot {
         display: none;
     }
     .index .sec4 .info {
         padding: 0.3em 0.4em;
         font-size: 100px;
         overflow: hidden;
     }
     .index .sec4 .swiper .s-top .back .info::before {
         width: auto;
         height: auto;
         left: 10px;
         top: 10px;
         right: 10px;
         bottom: 10px;
         transform: none;
     }
     .index .sec4 .swiper .s-top .back .h2 {
         font-size: 0.28em;
         margin: 0;
     }
     .index .sec4 .swiper .s-top .back .h4,
     .index .sec4 .swiper .s-top .back .h5 {
         font-size: 0.2em;
     }
     .index .sec4 .swiper .s-top .back .h4 {
         margin-top: 1.25em;
     }
     .index .sec4 .swiper .s-top .back .h3 {
         font-size: 0.36em;
         margin: 0;
         line-height: 1.305556em;
     }
     .index .sec4 .swiper .s-top .back .h3 span {
         font-size: 0.666667em;
     }
     .index .sec4 .swiper .s-top .back .btn-group {
         float: right;
         margin-top: -0.64em;
     }
     .index .sec4 .swiper .s-top .back .btn-group a.btn {
         float: left;
         font-size: 0.2em;
         width: 8.5em;
         height: 2.5em;
         line-height: 2.5em;
         margin: 0;
     }
     .index .sec4 .swiper .s-top .pagers {
         position: relative;
         text-align: center;
         margin: 7% 0 0 0;
     }
     .index .sec4 .swiper .s-top .pagers:before {
         position: absolute;
         content: '';
         width: 100%;
         height: 1px;
         top: 50%;
         left: 0;
         background: #d9d7d3;
     }
     .index .sec4 .swiper .s-top .pagers span {
         position: relative;
         z-index: 10;
         background: #fff;
         opacity: 1;
         padding: 0 10px;
         margin: 0;
         border-radius: 0;
         width: auto;
         height: auto;
         vertical-align: middle;
     }
     .index .sec4 .swiper .s-top .pagers span:before {
         display: block;
         width: 22px;
         height: 22px;
         content: '';
         background: url(/skin/images/wap-dots2.png) no-repeat;
         background-size: contain;
     }
     .index .sec4 .swiper .s-top .pagers span.swiper-pagination-bullet-active:before {
         background-image: url(/skin/images/wap-dots-on.png);
     }
 }
 
 @media(max-width:640px) {
     .index .sec4 .info {
         font-size: 70px;
     }
     .index .sec4 .swiper .s-top .pagers span {
         padding: 0 5px;
     }
     .index .sec4 .swiper .s-top .pagers span:before {
         width: 16px;
         height: 16px;
     }
 }
 
 @media(max-width:480px) {
     .index .sec4 .info {
         font-size: 60px;
     }
 }
 
 @media(max-width:370px) {
     .index .sec4 .info {
         font-size: 50px;
     }
 }
 
 .index .bg-canvas {
     background: url(/skin/images/bg_04.png) no-repeat center center;
 }
 
 .index .sec5 {
     position: relative;
     overflow: hidden;
     padding: 90px 0;
     background: url(/skin/images/bg_04.png) no-repeat center center;
     background-size: cover;
     color: #fff;
     text-align: center;
     margin-top: 114px;
 }
 
 .index .sec5 .bg-canvas {
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 0);
 }
 
 .index .sec5 .auto {
     position: relative;
 }
 
 .index .sec5 .h2 {
     font-size: 32px;
 }
 
 .index .sec5 .search-box {
     position: relative;
     margin: 40px auto 0;
     padding: 0 50px 0 30px;
     max-width: 800px;
     border-bottom: 2px solid #fff;
 }
 
 .index .sec5 .search-box .text {
     width: 100%;
     height: 50px;
     background: none;
     color: rgba(255, 255, 255, 0.8);
     font-size: 18px;
 }
 
 .index .sec5 .search-box .btn-search {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 50px;
     height: 100%;
     background: url(/skin/images/ico_search2.png) no-repeat center left;
 }
 
 @media(max-width:1024px) {
     .index .sec5 {
         margin-top: 10%;
     }
 }
 
 @media(max-width:750px) {
     .index .sec5 {
         padding: 15% 0;
     }
     .index .sec5 .h2 {
         font-weight: bold;
         font-size: 32px;
     }
 }
 
 @media(max-width:480px) {
     .index .sec5 .h2 {
         font-size: 24px;
     }
 }
 
 .index .sec6 .inner {
     position: relative;
 }
 
 .index .sec6 .slider-small {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 13.889%;
     background: rgba(34, 34, 34, 0.7);
     z-index: 10;
     height: 100%;
 }
 
 .index .sec6 .slider-small .ytable {
     height: 100%;
 }
 
 .index .sec6 .slider-small li {
     position: relative;
     cursor: pointer;
     border: 0;
     width: 100%!important;
 }
 
 .index .sec6 .slider-small li .pic {
     opacity: 0;
     transition: 0.3s;
     margin: 0 10px;
     overflow: hidden;
 }
 
 .index .sec6 .slider-small li.slick-current .pic {
     opacity: 1;
 }
 
 .index .sec6 .slider-small li .pic img {
     display: block;
     max-width: none;
     width: 126.33%;
     margin-left: -13.165%;
 }
 
 .index .sec6 .slider-small li .txt {
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     text-align: center;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transition: 0.3s;
     padding: 0 10px;
 }
 
 .index .sec6 .slider-small li.slick-current .txt {
     opacity: 0;
 }
 
 .index .sec6 .slider-small li .txt aside {
     line-height: 24px;
 }
 
 .index .sec6 .slider-small li .t-1 {
     font-size: 18px;
     color: #fff;
 }
 
 .index .sec6 .slider-small li .t-2 {
     font-size: 14px;
     color: #aaa;
 }
 
 .index .sec6 .slider-small .slick-arrow {
     position: absolute;
     width: 22px;
     height: 12px;
     left: 50%;
     margin-left: -11px;
     background: url(/skin/images/up.png) no-repeat;
     font-size: 0;
     cursor: pointer;
 }
 
 .index .sec6 .slider-small .slick-disabled {
     opacity: 0.5;
     cursor: default;
 }
 
 .index .sec6 .slider-small .slick-prev {
     top: 2.5%;
 }
 
 .index .sec6 .slider-small .slick-next {
     bottom: 2.5%;
     background-image: url(/skin/images/down.png);
 }
 
 .index .sec6 .slider-big li {
     position: relative;
 }
 
 @media(min-width:751px) {
     .index .sec6 .slider-small li .pic img {
         max-height: 120px;
     }
     .index .sec6 .slider-big li .txt {
         position: absolute;
         right: 0;
         bottom: 32.895%;
         width: 50%;
         max-width: 420px;
         opacity: 0;
     }
     .index .sec6-2 .slider-big li .txt {
         right: auto;
         left: 0;
     }
     .index .sec6 .slider-big li.ani-show .txt {
         opacity: 1;
         transition: 0.3s 0.3s;
     }
     .index .sec6 .slider-big li.ani-show .txt {
         right: 3.473%;
     }
     .index .sec6-2 .slider-big li.ani-show .txt {
         left: 3.473%;
     }
 }
 
 .index .sec6 .slider-big li .txt {
     padding: 10px;
     color: #fff;
     z-index: 10;
 }
 
 .index .sec6 .slider-big li .inner {
     border: 1px solid rgba(205, 205, 215, 0.3);
     position: relative;
     z-index: 3;
     padding: 20px 23px;
 }
 
 .index .sec6 .slider-big li .bg-color {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.8;
     z-index: 1;
 }
 
 .index .sec6 .slider-big li aside {
     opacity: 0;
     transform: translateY(30px);
     -ms-transform: translateY(30px);
 }
 
 .index .sec6 .slider-big li .t-1 {
     font-size: 24px;
 }
 
 .index .sec6 .slider-big li .t-2 {
     padding: 10px 0;
     transition-delay: 1s;
 }
 
 .index .sec6 .slider-big li .t-3 {
     font-size: 16px;
     padding-bottom: 40px;
     transition-delay: 1.5s;
 }
 
 .index .sec6 .slider-big li .t-3 span {
     font-size: 24px;
     margin-right: 15px;
 }
 
 .index .sec6 .slider-big li .t-3 span b {
     font-size: 36px;
 }
 
 .index .sec6 .slider-big li dl {
     transform: translateY(30px);
     -ms-transform: translateY(30px);
     opacity: 0;
 }
 
 .index .sec6 .slider-big li dl>* {
     float: left;
     max-width: 160px;
     width: 50%;
     font-size: 16px;
     line-height: 40px;
     text-align: center;
 }
 
 .index .sec6 .slider-big li dl a {
     color: #fff;
     display: block;
 }
 
 .index .sec6 .slider-big li dl b {
     padding-right: 15px;
     background: url(/skin/images/ico_arrow_right3.png) no-repeat right center;
     font-weight: normal;
 }
 
 .index .sec6 .slider-big li dt {
     background: #435980;
     transition: 0.3s ease-in-out;
     transform: skewX(-15deg);
     -webkit-transform: skewX(-15deg);
     ms-transform: skewX(-15deg);
 }
 
 .index .sec6 .slider-big li dt a {
     transform: skewX(15deg);
     -webkit-transform: skewX(15deg);
     -ms-transform: skewX(15deg);
 }
 
 .index .sec6 .slider-big li dt:hover {
     transform: scale(1.1) skewX(-15deg);
     -webkit-transform: scale(1.1) skewX(-15deg);
     -ms-transform: scale(1.1) skewX(-15deg);
 }
 
 .index .sec6 .slider-big li dd a {
     transition: 0.3s ease-in-out;
 }
 
 .index .sec6 .slider-big li dd a:hover {
     transform: scale(1.1);
     -ms-transform: scale(1.1);
 }
 
 .index .sec6 .slider-big li .pic {
     overflow: hidden;
     position: relative;
 }
 
 .index .sec6 .slider-big li .pic img {
     transform: scale(1.2);
     -ms-transform: scale(1.2);
 }
 
 .index .sec6 .slider-big li.ani-show {}
 
 .index .sec6 .slider-big li.ani-show .pic img {
     transform: scale(1);
     -ms-transform: scale(1);
     transition: 10s 0.3s linear;
 }
 
 .index .sec6 .slider-big li.ani-show dl,
 .index .sec6 .slider-big li.ani-show aside {
     opacity: 1;
     transform: translateY(0);
     -ms-transform: translateY(0);
 }
 
 .index .sec6 .slider-big li.ani-show dl {
     transition: 0.6s 2s;
 }
 
 .index .sec6 .slider-big li aside {
     transition: 0.6s 0.5s;
 }
 
 .index .sec6-2 .slider-small {
     left: auto;
     right: 0;
 }
 
 @media(min-width:751px) {
     .index .sec6 .slider-big li .pic img.wap {
         display: none;
     }
     .index .sec6 .slider-big .slick-dots {
         display: none!important;
     }
     .index .sec6 .slider-big li .t-3 {
         overflow: hidden;
         height: 80px;
         line-height: 60px;
     }
     .index .sec6 .slider-big li .t-3 span {
         float: left;
         line-height: 47px;
     }
 }
 
 @media(max-width:1024px) {
     .index .sec6 .slider-small li .t-1 {
         font-size: 15px;
     }
     .index .sec6 .slider-small li .t-2 {
         font-size: 12px;
     }
     .index .sec6 .slider-small {
         width: 15%;
     }
 }
 
 @media(max-width:750px) {
     .index .sec6 .slider-big li .txt {
         position: relative;
     }
     .index .sec6 .slider-big li .pic img.pc {
         display: none;
     }
     .index .sec6 .slider-big li .t-3 span {
         display: block;
     }
     .index .sec6 .slider-small {
         display: none;
     }
     .index .sec6 .slider-big li .inner {
         padding: 0.2em 0.3em;
         font-size: 100px;
         overflow: hidden;
     }
     .index .sec6 .slider-big li .inner .t-1 {
         font-size: 0.28em;
     }
     .index .sec6 .slider-big li .inner .t-2 {
         padding-bottom: 0;
     }
     .index .sec6 .slider-big li .inner .t-2,
     .index .sec6 .slider-big li .inner .t-3 {
         font-size: 0.2em;
     }
     .index .sec6 .slider-big li .inner .t-3 {
         margin-top: 1em;
         padding-bottom: 0;
     }
     .index .sec6 .slider-big li .inner .t-3 span {
         font-size: 1em;
     }
     .index .sec6 .slider-big li .inner .t-3 span b {
         font-size: 1.8em;
     }
     .index .sec6 .slider-big li dl {
         float: right;
         margin-top: -0.64em;
     }
     /*.index .sec6 .slider-big li dl{float: left;margin: 0;}*/
     .index .sec6 .slider-big li dl>* {
         font-size: 0.2em;
         width: 8.5em;
         height: 2.5em;
         line-height: 2.5em;
     }
 }
 
 @media(max-width:640px) {
     .index .sec6 .slider-big li .inner {
         font-size: 70px;
     }
 }
 
 @media(max-width:480px) {
     .index .sec6 .slider-big li .inner {
         font-size: 60px;
     }
 }
 
 @media(max-width:370px) {
     .index .sec6 .slider-big li .inner {
         font-size: 50px;
     }
 }
 /*.index .sec6 .swiper{position:relative;}
.index .sec6 .swiper-pagination{bottom:0;}
.index .sec6 .swiper-pagination span{position:relative;z-index:2;margin:0;width:40px;height:34px;border-radius:0;background:url(/skin/images/ico_rhombus2.png) no-repeat center center;vertical-align:middle;opacity:1;}
.index .sec6 .swiper-pagination span::after{display:none;color:#333;content:"";font-size:12px;line-height:34px;}
.index .sec6 .swiper-pagination span:nth-child(1)::after{content:"01";}
.index .sec6 .swiper-pagination span:nth-child(2)::after{content:"02";}
.index .sec6 .swiper-pagination span:nth-child(3)::after{content:"03";}
.index .sec6 .swiper-pagination span:nth-child(4)::after{content:"04";}
.index .sec6 .swiper-pagination span:nth-child(5)::after{content:"05";}
.index .sec6 .swiper-pagination span:nth-child(6)::after{content:"06";}
.index .sec6 .swiper-pagination span.swiper-pagination-bullet-active{background-image:url(/skin/images/ico_rhombus3.png);}
.index .sec6 .swiper-pagination span.swiper-pagination-bullet-active::after{display:block;}
.index .sec6 .carousel .owl-carousel .owl-dots{text-align:left;}
.index .sec6 .back{position:relative;overflow:hidden;padding-bottom:180px;}
.index .sec6 .back .b-left{max-width:1200px;}
.index .sec6 .back .b-right{position:absolute;right:0;bottom:0;padding:35px 0;width:500px;background:#f7f7f7;}
.index .sec6 .back .b-right .img{margin:0 auto;}  
.index .sec6 .back .b-right .img .img2{position:absolute;left:50%;top:0;height:100%;width:auto;opacity:0;transform:translate(-50%,0);transition: all 1s ease;}
.index .sec6 .back .b-right:hover .img .img2{opacity: 1;}
.index .sec6 .back .b-right .info{text-align:center;position: absolute;left:0;bottom:35px;width:100%;}
.index .sec6 .back .b-right .info .h3{color:#3b393a;font-size:28px;}
.index .sec6 .back .b-right .info .h5{color:#333;}
.index .sec6 .back .b-right .info .btn-group{margin-top:20px;}
.index .sec6 .back .b-right .info .btn-group .btn{margin:0 2px;color:#3b393a;font-size:16px;position: relative;padding:10px 24px;display:inline-block;z-index:2;}
.index .sec6 .back .b-right .info .btn-group .btn::before{content:"";width:100%;height:100%;display: block;border: 1px solid #d9d7d3; transform: translate(-50%,-50%) skew(-15deg);position: absolute;left:50%;top:50%;z-index:-1;transition: all 0.3s ease;}
.index .sec6 .back .b-right .info .btn-group .btn::after{position:relative;top:-1px;display:inline-block;margin-left:6px;width:8px;height:14px;background:url(/skin/images/ico_arrow_right.png) no-repeat center center;content:"";vertical-align:middle;}
.index .sec6 .back .b-right .info .btn-group .btn:hover{color: #fff;}
.index .sec6 .back .b-right .info .btn-group .btn:hover::before{background:#435980;border-color:#435980;}
.index .sec6 .back .b-right .info .btn-group .btn:hover::after{background-image:url(/skin/imagess/ico_arrow_right6.png);}*/
 
 .index .sec7 .s-top {
     margin-top: 120px;
     text-align: center;
 }
 
 .index .sec7 .s-top .h4 {
     color: #969a9e;
     font-size: 20px;
 }
 
 .index .sec7 .s-top .h2 {
     color: #3b393a;
     font-size: 44px;
     font-family: "fzzzhonggjw";
     padding-top: 10px;
 }
 
 .index .sec7 .s-bot {
     position: relative;
     overflow: hidden;
     margin-top: 40px;
     padding: 50px 0;
     color: #fff;
 }
 
 .index .sec7 .s-bot .bg {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     width: 100%;
     height: 100%;
     background: url(/skin/images/bg_03.jpg) no-repeat center center;
     background-size: cover;
     transform: translate(-50%, -50%);
 }
 
 @media(max-width:750px) {
     .index .sec7 .s-bot .bg {
         background-image: url(/skin/images/bg_03_wap.jpg);
     }
 }
 
 .index .sec7 .s-bot .auto {
     position: relative;
 }
 
 .index .sec7 .s-bot .row {
     min-height: 200px;
     text-align: center;
 }
 
 .index .sec7 .s-bot .row .c-left {
     display: inline-block;
     width: 80%;
     vertical-align: middle;
     transition: all 0.3s ease;
 }
 
 .index .sec7 .s-bot .row .c-right {
     display: inline-block;
     overflow: hidden;
     width: 0%;
     vertical-align: middle;
     text-align: left;
     opacity: 0;
     transition: all 0.3s ease;
 }
 
 .index .sec7 .s-bot .row.show .c-left {
     width: 38%;
 }
 
 .index .sec7 .s-bot .row.show .c-right {
     width: 58%;
     opacity: 1;
 }
 
 .index .sec7 .s-bot .search-box {
     position: relative;
     display: inline-block;
     padding: 0 50px 0 30px;
     width: 100%;
     max-width: 800px;
     border-bottom: 2px solid #fff;
 }
 
 .index .sec7 .s-bot .search-box .text {
     width: 100%;
     height: 50px;
     background: none;
     color: #fff;
     font-size: 18px;
 }
 
 .index .sec7 .s-bot .search-box .btn-search {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 50px;
     height: 100%;
     background: url(/skin/images/ico_search2.png) no-repeat center left;
 }
 
 .index .sec7 .s-bot .address-box {
     scrollbar-arrow-color: #EFF2F7;
     /**/
     /*��??????ͷ����ɫ*/
     scrollbar-face-color: #b34253;
     /**/
     /*�������������ɫ*/
     scrollbar-3dlight-color: #b34253;
     /**/
     /*������������ߵ���ɫ*/
     scrollbar-highlight-color: #b34253;
     /**/
     /*�������հײ��ֵ���ɫ*/
     scrollbar-shadow-color: #0a0b0c;
     /**/
     /*�����������Ӱ����ɫ*/
     scrollbar-darkshadow-color: #EFF2F7;
     /**/
     /*���������ǿ��Ӱ��???ɫ*/
     scrollbar-track-color: #EFF2F7;
     /**/
     /*�����������??��ɫ*/
     scrollbar-base-color: #b34253;
     /**/
     /*�������Ļ�����ɫ*/
 }
 
 .index .sec7 .s-bot .address-box::-webkit-scrollbar-track {
     background-color: #EFF2F7;
 }
 
 .index .sec7 .s-bot .address-box::-webkit-scrollbar {
     width: 5px;
     background-color: #fff;
 }
 
 .index .sec7 .s-bot .address-box::-webkit-scrollbar-thumb {
     background-color: #b34253;
 }
 
 .index .sec7 .s-bot .address-box {
     overflow: auto;
     padding: 0 60px 0 75px;
     height: 200px;
 }
 
 .index .sec7 .s-bot .address-box .back {
     position: relative;
     margin-top: 15px;
     padding: 14px 120px 14px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .index .sec7 .s-bot .address-box .h3 {
     font-weight: 600;
     font-size: 18px;
 }
 
 .index .sec7 .s-bot .address-box .h5 {
     position: relative;
     margin-top: 10px;
     padding-left: 25px;
     font-size: 16px;
 }
 
 .index .sec7 .s-bot .address-box .h5::before {
     position: absolute;
     top: 4px;
     left: 0;
     display: block;
     width: 14px;
     height: 16px;
     background: url(/skin/images/ico_address.png) no-repeat center center;
     background-size: contain;
     content: "";
 }
 
 .index .sec7 .s-bot .address-box .btn-group {
     position: absolute;
     top: 50%;
     right: 0;
     transform: translate(0, -50%);
 }
 
 .index .sec7 .s-bot .address-box .btn {
     display: inline-block;
     margin: 0 4px;
     width: 40px;
     height: 40px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     background-position: center center;
     background-repeat: no-repeat;
 }
 
 .index .sec7 .s-bot .address-box .btn.btn-address1 {
     background-image: url(/skin/images/ico_address_01.png);
 }
 
 .index .sec7 .s-bot .address-box .btn.btn-address1:hover {
     background-image: url(/skin/images/ico_address_03.png);
 }
 
 .index .sec7 .s-bot .address-box .btn.btn-address2 {
     background-image: url(/skin/images/ico_address_02.png);
 }
 
 .index .sec7 .s-bot .address-box .btn.btn-address2:hover {
     background-image: url(/skin/images/ico_address_04.png);
 }
 
 .index .sec7 .s-bot .address-box .btn:hover {
     background-color: #fff;
 }
 
 @media(min-width:1025px) {
     .index .sec7 .s-bot .search-box.wap {
         display: none;
     }
 }
 
 @media(max-width:1024px) {
     .index .sec7 .s-bot {
         padding: 19% 0!important;
     }
     .index .sec7 .s-bot .search-box.pc {
         display: none;
     }
     .index .sec7 .s-bot .row {
         min-height: inherit;
     }
     .index .sec7 .s-bot .row .c-right {
         display: none;
     }
     .index .sec7 .s-bot .search-box {
         padding-left: 15px;
         padding-right: 40px;
     }
     .index .sec7 .s-bot .search-box .btn-search {
         width: 40px;
         background-size: auto 40%;
     }
     .index .sec7 .s-bot .search-box .text {
         color: rgba(255, 255, 255, 0.8);
         font-size: 16px;
     }
 }
 /* ͷ����ʽ */
 
 .header {
     width: 100%;
     background: #222 url(/skin/images/bg_01.png) no-repeat center bottom;
     box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.07);
     transition: background 0.6s ease, opacity 0.3s ease;
     position: relative;
     z-index: 100;
 }
 
 .header .h-left {
     display: table;
     height: 100px;
 }
 
 .header .h-left .h-logo {
     display: table-cell;
     /*vertical-align: middle;*/
     padding: 14% 0 0 0;
 }
 
 .header .h-left .h-logo img {
     max-width: 100%;
 }
 
 .header .h-left .h-logo img.img1 {
     display: none;
 }
 
 .header .h-left .h-logo img.img2 {
     display: block;
 }
 
 @media(min-width:1025px) {
     .header .h-left {
         float: left;
         max-width: 200px;
     }
     .header .h-left .h-logo img {
         margin: 0 auto;
     }
     .header .wap-menu {
         float: right;
     }
     .header .wap-menu>* {
         float: left;
     }
     .header .h-mid {
         margin-top: 20px;
         margin-right: 44px;
     }
     .header .h-mid .h-menu .ul li {
         float: left;
     }
     .header .h-mid .h-menu .dropdown {
         padding: 0 33px;
         overflow: hidden;
         position: relative;
     }
     .header .h-mid .h-menu .dropdown a {
         position: relative;
         display: block;
         height: 60px;
         color: #fff;
         font-size: 18px;
         line-height: 60px;
         /* font-weight: 600; */
     }
     .header .h-mid .h-menu .ul li.active .dropdown {
         background: url(/skin/images/ico_menu_bg.png) no-repeat center center;
         background-size: 100% 100%;
     }
     .header .h-mid .h-menu .ul li .dropdown:hover {
         background: url(/skin/images/ico_menu_bg.png) no-repeat center center;
         background-size: 100% 100%;
     }
     .header .h-bot .h-links {
         position: absolute;
         top: 15px;
         right: 0;
         white-space: nowrap;
     }
     .header .h-bot .h-search .search-box {
         display: inline-block;
     }
     .header .h-mid .h-menu .ul li.active .sub-menu {
         z-index: 200;
     }
 }
 
 .header .h-bot {
     position: relative;
 }
 
 .header .h-bot .h-links a.a-word {
     display: inline-block;
     margin-left: 14px;
     color: #fff;
     vertical-align: middle;
     /*font-weight: 600;*/
     transition: all 0.3s ease;
     font-size: 15px;
 }
 
 .header .h-bot .h-links a.a-word::after {
     display: inline-block;
     margin-left: 4px;
     width: 30px;
     height: 16px;
     background: url(/skin/images/ico_new.png) no-repeat center center;
     content: "";
     vertical-align: middle;
 }
 
 .header .h-bot .h-links a.a-word:hover {
     color: #435980 !important;
 }
 
 .header .h-bot .h-links i.i-line {
     display: inline-block;
     vertical-align: middle;
     background: #fff;
     width: 1px;
     height: 14px;
     margin: 0 22px;
 }
 
 .header .h-bot .h-links a.a-language {
     color: #fff;
     display: inline-block;
     vertical-align: middle;
     padding-left: 26px;
     font-size: 16px;
     background: url(/skin/images/ico_language.png) no-repeat left center;
     transition: all 0.3s ease;
 }
 
 .header .h-bot .h-links a.a-language:hover {
     color: #435980 !important;
     background-image: url(/skin/images/ico_language1.png) !important;
 }
 
 .header .h-bot .h-links .ico {
     position: relative;
     top: -1px;
     display: inline-block;
     margin-right: 5px;
     width: 15px;
     height: 15px;
     background-position: center center;
     background-repeat: no-repeat;
     vertical-align: middle;
 }
 
 .header .h-bot .h-links .ico-user {
     background-image: url(https://www.arrow-home.cn/cn/images/ico_user.png);
 }
 
 .header .h-bot .h-links .ico-msg {
     background-image: url(https://www.arrow-home.cn/cn/images/ico_msg.png);
 }
 
 .header .h-bot .h-links .ico-store {
     background-image: url(https://www.arrow-home.cn/cn/images/ico_store.png);
 }
 
 .header .h-bot .h-links .ico-order {
     background-image: url(https://www.arrow-home.cn/cn/images/ico_order.png);
 }
 
 .header .h-bot .h-search {
     margin-top: 20px;
     text-align: right;
 }
 
 .header .h-bot .h-search .search-box {
     position: relative;
     padding-right: 30px;
     width: 240px;
     border-bottom: 1px solid #fff;
 }
 
 .header .h-bot .h-search .search-box .text {
     width: 100%;
     height: 50px;
     padding-top: 14px;
     border: 0;
     background: none;
     color: rgba(255, 255, 255, 0.5);
 }
 
 .header .h-bot .h-search .search-box .btn-search {
     position: absolute;
     top: 14px;
     right: 0;
     display: block;
     width: 30px;
     bottom: 1px;
     background: url(/skin/images/ico_search1.png) no-repeat right center;
     font-size: 0;
 }
 
 .header.header-index {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 100;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     /*background: url(/skin/images/bg_01.png) no-repeat center bottom;*/
     background-size: cover;
     backdrop-filter: saturate(150%) blur(5px);
     background: #00000038;
 }
 
 .hiwn {
     z-index: 9!important;
     opacity: 0;
 }
 
 .hiwn2 {
     z-index: 12!important;
 }
 
 .header {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 106;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     /* background: url(/skin/images/bg_01.png) no-repeat center bottom; */
     background-size: cover;
     backdrop-filter: saturate(150%) blur(5px);
     background: #00000038;
 }
 /* .header.header-fixed:hover {
    opacity: 1;
    transition: background 0.3s ease, opacity 0.3s ease;
} */
 
 .header.header-fixed .h-left .h-logo img.img1 {
     display: block;
 }
 
 .header.header-fixed .h-left .h-logo img.img2 {
     display: none;
 }
 
 .header.header-fixed .h-mid .h-menu .dropdown a {
     color: #3b393a;
     transition: all 0.3s ease;
 }
 
 .header.header-fixed .h-mid .h-menu .dropdown a:hover {
     color: #435980;
 }
 
 .header.header-fixed .h-bot .h-links a {
     color: #888;
 }
 
 .header.header-fixed .h-bot .h-links a.a-language {
     color: #888;
     background-image: url(/skin/images/ico_language2.png);
 }
 
 .header.header-fixed .h-bot .h-search .search-box .btn-search {
     background-image: url(/skin/images/ico_search.png);
 }
 
 .header.header-fixed .h-bot .h-search .search-box .text {
     color: #666;
 }
 
 .header.header-fixed .h-bot .h-search .search-box .h-links a {
     color: #999;
 }
 
 @media(min-width:1131px) and (max-width:1440px) {
     .header .h-mid {
         margin-right: 20px;
     }
     .header .h-mid .h-menu .dropdown {
         padding: 0 20px;
     }
 }
 
 @media(min-width:1025px) and (max-width:1130px) {
     .header .h-mid .h-menu .dropdown {
         padding: 0 10px;
     }
 }
 
 @media(max-width:1024px) {
     .header.header-fixed {
         background-color: rgba(0, 0, 0, 0.8);
         opacity: 1;
     }
     .header .h-left .h-logo img {
         width: 160px;
     }
     .header.header-fixed .h-left .h-logo img.img1 {
         display: none;
     }
     .header.header-fixed .h-left .h-logo img.img2 {
         display: block;
     }
     .header .h-left {
         height: 60px;
         z-index: 101;
         position: relative;
         width: 100%;
     }
     .header.h-menu-show .h-left {
         background: #000;
     }
     .wap-menu {
         position: fixed;
         left: -100%;
         opacity: 0;
         top: 0;
         background: #000;
         z-index: 100;
         width: 100%;
         padding-top: 60px;
         overflow: auto;
         height: 100%;
         transition: 0.3s;
     }
     .header.h-menu-show .wap-menu {
         left: 0;
         opacity: 1;
     }
     .header #open_menu {
         position: absolute;
         top: 50%;
         right: 2%;
         z-index: 102;
         width: 54px;
         height: 36px;
         margin-top: -18px;
     }
     .header #open_menu i,
     .header #open_menu::after,
     .header #open_menu::before {
         position: absolute;
         right: 0;
         width: 100%;
         height: 4px;
         background: #fff;
     }
     .header #open_menu::after,
     .header #open_menu::before {
         content: '';
     }
     .header #open_menu i {
         bottom: 0;
         width: 60%;
     }
     .header #open_menu::before {
         top: 0;
     }
     .header #open_menu::after {
         top: 50%;
         margin-top: -2px;
     }
     .header #open_menu.open_menu_on:after,
     .header #open_menu.open_menu_on:before {
         top: 50%;
         margin-top: -2px;
         transform: rotate(45deg);
     }
     .header #open_menu.open_menu_on:before {
         transform: rotate(-45deg);
     }
     .header #open_menu.open_menu_on i {
         display: none;
     }
     .header .h-mid {
         border-top: 1px solid rgba(255, 255, 255, 0.1);
     }
     /*.header .h-mid li .sub-menu{display: block!important;}*/
     .header .h-mid li#m1 {
         display: none;
     }
     .header .h-mid li .sub-menu .rightdd-img {
         display: none;
     }
     .header .h-mid ul {
         padding: 3% 2%;
     }
     .header .h-mid li a {
         padding-left: 28px;
     }
     .header .h-mid li .dropdown {
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     }
     .header .h-mid li .dropdown a {
         color: #adadad;
         line-height: 100px;
         font-size: 32px;
     }
     .header .h-mid li.active .dropdown a {
         color: #fff;
     }
     .header .h-bot .h-links a {
         display: inline-block;
         border-radius: 50%;
         width: 60px;
         height: 60px;
         background: url(/skin/images/lang.png) no-repeat center center #262626!important;
         background-size: contain!important;
         vertical-align: middle;
         margin: 0 20px;
     }
     .header .h-bot .h-links a.a-language {
         padding: 0;
         font-size: 0!important;
         line-height: normal;
     }
     .header .h-bot .h-links a.a-word {
         display: none;
     }
     .header .h-bot .h-links a.a-wap-open-s {
         background-image: url(/skin/images/sbtn.png)!important;
     }
     .header .h-bot .h-links i.i-line {
         display: none;
     }
     .header .h-bot {
         padding-top: 5%;
         text-align: center;
     }
     .header .h-bot .h-search {
         width: 80%;
         max-width: 400px;
         margin: 0 auto;
         display: none;
     }
     .header .h-bot .h-search .search-box {
         width: 100%;
     }
 }
 
 @media(max-width:640px) {
     .header #open_menu {
         width: 30px;
         height: 24px;
         margin-top: -12px;
     }
     .header #open_menu i,
     .header #open_menu:before,
     .header #open_menu:after {
         height: 3px;
     }
     .header #open_menu.open_menu_on:after,
     .header #open_menu.open_menu_on:before,
     .header #open_menu:before {
         margin-top: -1.5px;
     }
     .header .h-mid li .dropdown a {
         font-size: 18px;
         line-height: 50px;
     }
     .header .h-mid li a {
         padding-left: 20px;
     }
     .header .h-bot .h-links a {
         width: 48px;
         height: 48px;
         margin: 0 10px;
     }
 }
 /* �ײ���ʽ */
 /*.footer{overflow:hidden;}*/
 
 .footer .f-gotop,
 .pro-gotop {
     position: fixed;
     right: 10px;
     bottom: 30px;
     z-index: 99;
     display: block;
     width: 50px;
     height: 50px;
     background: url(/skin/images/ico_gotop.png) no-repeat center center #363636;
     text-align: center;
     font-size: 20px;
     cursor: pointer;
     border-radius: 50%;
 }
 
 .footer .f-gotop:hover,
 .pro-gotop:hover {
     background-color: #435980;
 }
 
 .footer .f-top {
     padding: 100px 0 110px;
     background: url(/skin/images/footerbg.jpg) no-repeat center top;
     background-size: cover;
     text-align: center;
 }
 
 .footer .f-top .ul {
     float: left;
     width: 80%;
 }
 
 .footer .f-top .ul li {
     position: relative;
     float: left;
 }
 
 .footer .f-top .ul li::before {
     position: absolute;
     top: 50%;
     left: 0;
     display: block;
     width: 1px;
     height: 40px;
     background: rgba(96, 96, 95, 0.3);
     content: "";
     transform: translate(0, -50%);
 }
 
 @media(min-width:751px) {
     .footer .f-top .ul li {
         width: 25%;
     }
     .footer .f-top .ul li:first-child::before {
         display: none;
     }
 }
 
 @media(max-width:750px) {
     .footer .f-top .ul li {
         width: 50%;
     }
     .footer .f-top .ul li:nth-child(2n-1)::before {
         display: none;
     }
 }
 
 .footer .f-top .ul li .hover-code {
     position: fixed;
     transform: translateX(-100%);
     bottom: 100%;
     margin-bottom: 10px;
     left: 50%;
     width: 140px;
     margin-left: -70px;
     background: #fff;
     padding: 5px;
     border: 1px solid #eee;
     box-shadow: 0 2px 10px #aaa;
     opacity: 0;
 }
 
 .footer .f-top .ul li .hover-code:after {
     content: '';
     position: absolute;
     left: 50%;
     margin-left: -6px;
     bottom: -13px;
     width: 0;
     height: 0;
     border-width: 8px 6px 6px 6px;
     border-style: solid;
     border-color: #fff transparent transparent transparent
 }
 
 .footer .f-top .ul li.hover .hover-code {
     position: absolute;
     opacity: 1;
     transition: opacity 0.5s;
     transform: translateX(0);
 }
 
 .footer .f-top .back {
     display: inline-block;
     color: #fff;
     opacity: 0.3;
     transition: all 0.3s ease;
 }
 
 .footer .f-top .back:hover {
     opacity: 1;
 }
 
 .footer .f-top .back .img {
     min-height: 70px;
 }
 
 .footer .f-top .back .img img {
     transition: all 0.5s ease;
 }
 
 .footer .f-top .back:hover .img img {
     transform: rotateY(360deg);
 }
 
 .footer .f-top .back .info {
     margin-top: 10px;
 }
 
 .footer .f-top .f-share {
     position: relative;
     float: left;
     width: 20%;
     font-size: 0;
 }
 
 .footer .f-top .f-share::before {
     position: absolute;
     top: 50%;
     left: 0;
     display: block;
     width: 1px;
     height: 180px;
     background: rgba(96, 96, 95, 0.3);
     content: "";
     transform: translate(0, -50%);
 }
 
 .footer .f-top .f-share::after {
     position: absolute;
     bottom: 7px;
     left: 50%;
     display: block;
     width: 180px;
     height: 1px;
     background: rgba(96, 96, 95, 0.3);
     content: "";
     transform: translate(-50%, 0);
 }
 /*.footer .f-top .f-share a{display:inline-block;margin-right:15px;width:60px;height:60px;border-radius:50%;background-color:#252525;background-position:center center;background-size:auto auto;background-repeat:no-repeat;vertical-align:middle;}
.footer .f-top .f-share a.ico-weixin{background-image:url(/skin/imagess/ico_weixin.png);}
.footer .f-top .f-share a.ico-weibo{background-image:url(/skin/imagess/ico_weibo.png);}
.footer .f-top .f-share a.ico-qq{background-image:url(/skin/imagess/ico_qq.png);}
.footer .f-top .f-share a:hover{opacity:0.5;}*/
 
 .footer .f-top .f-share .s-bot {
     position: relative;
     z-index: 2;
     display: inline-block;
     margin-top: 20px;
     padding: 0 6px;
     background: #282828;
     color: #777;
     font-size: 14px;
 }
 
 .footer .f-bot {
     padding: 30px 0;
     border-top: 1px solid #252525;
     background: #191919;
 }
 
 .footer .f-bot .f-action {
     float: left;
     color: #555;
 }
 
 .footer .f-bot .f-action a {
     color: #555;
 }
 
 .footer .f-bot .f-action a:hover {
     color: #fff;
 }
 
 .footer .f-bot .f-action .f-links .ul li {
     position: relative;
     display: inline-block;
     margin-right: 12px;
     padding-right: 14px;
     vertical-align: middle;
 }
 
 .footer .f-bot .f-action .f-links .ul li::after {
     position: absolute;
     top: 50%;
     right: 0;
     display: block;
     margin-top: -5px;
     width: 1px;
     height: 10px;
     background: #555;
     content: "";
 }
 
 .footer .f-bot .f-action .f-links .ul li:last-child {
     margin-right: 0;
     padding-right: 0;
 }
 
 .footer .f-bot .f-action .f-links .ul li:last-child::after {
     display: none;
 }
 
 .footer .f-bot .f-action .f-links a {
     display: block;
 }
 
 .footer .f-bot .f-action .f-copyright {
     margin-top: 8px;
 }
 
 .footer .f-bot .f-alink {
     position: relative;
     display: inline-block;
     border-radius: 5px;
     background: #252525;
 }
 
 .footer .f-bot .f-alink a {
     color: #555;
 }
 
 .footer .f-bot .f-alink a:hover {
     color: #fff;
 }
 
 .footer .f-bot .f-alink .h5 {
     position: relative;
     padding: 0 50px 0 20px;
     height: 50px;
     min-width: 280px;
     line-height: 50px;
 }
 
 .footer .f-bot .f-alink .h5 a {
     display: inline-block;
 }
 
 .footer .f-bot .f-alink .h5 span {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 50px;
     height: 50px;
     background: url(/skin/images/ico_arrow_bottom.png) no-repeat center center;
     transition: all 0.3s ease;
 }
 
 .footer .f-bot .f-alink .link {
     position: absolute;
     bottom: 100%;
     left: 0;
     overflow: hidden;
     padding-bottom: 0;
     width: 100%;
     height: 0;
     opacity: 0;
     transition: opacity 0.5s ease;
 }
 
 .footer .f-bot .f-alink .ul {
     padding: 10px 0;
     border-radius: 5px;
     background: #252525;
 }
 
 .footer .f-bot .f-alink .ul li {
     padding: 5px 20px;
 }
 
 .footer .f-bot .f-alink .ul li a {
     display: inline-block;
     line-height: 20px;
 }
 
 .footer .f-bot .f-alink:hover .link {
     padding-bottom: 10px;
     height: auto;
     opacity: 1;
 }
 
 .footer .f-bot .f-alink:hover .h5 span {
     transform: rotate(180deg);
 }
 
 .footer .f-bot .c-left {
     float: left;
 }
 
 .footer .f-bot .c-right {
     float: right;
 }
 /* ���ù���Ч�� */
 
 .index .sec1 .item {
     overflow: hidden;
 }
 
 .index .sec1 .item .img-pc img {
     transition: all 5s ease;
 }
 
 .index .sec1 .item.swiper-slide-active .img-pc img {
     transform: scale(1.05);
 }
 
 .index .sec1 .item .back1 .info .h4,
 .index .sec1 .item .back1 .info .h2,
 .index .sec1 .item .back1 .info .h5 {
     position: relative;
     left: -50vw;
     opacity: 0;
 }
 
 .index .sec1 .item .back1 .info .h4 {
     transition: all 1s ease;
 }
 
 .index .sec1 .item .back1 .info .h2 {
     transition: all 1s ease 0.2s;
 }
 
 .index .sec1 .item .back1 .info .h5 {
     transition: all 1s ease 0.4s;
 }
 
 .index .sec1 .item.swiper-slide-active .back1 .h4,
 .index .sec1 .item.active .back1 .h2,
 .index .sec1 .item.swiper-slide-active .back1 .h5 {
     left: 0;
     opacity: 1;
 }
 
 .index .sec1 .item .back2 .img {
     position: relative;
     top: -100px;
     opacity: 0;
     transition: all 1s ease 0.3s;
 }
 
 .index .sec1 .item .back2 .h3,
 .index .sec1 .item .back2 .btn-group {
     position: relative;
     top: -50px;
     opacity: 0;
 }
 
 .index .sec1 .item .back2 .h3 {
     transition: all 1s ease 0.1s;
 }
 
 .index .sec1 .item .back2 .btn-group {
     transition: all 1s ease;
 }
 
 .index .sec1 .item.swiper-slide-active .back2 .img,
 .index .sec1 .item.swiper-slide-active .back2 .h3,
 .index .sec1 .item.swiper-slide-active .back2 .btn-group {
     top: 0;
     opacity: 1;
 }
 
 .index .sec1 .item .back3 .img,
 .index .sec1 .item .back3 .h2 {
     position: relative;
     top: -100px;
     opacity: 0;
     transition: all 1s ease 0.3s;
 }
 
 .index .sec1 .item .back3 .h3 {
     transition: all 1s ease 1s;
     top: -50px;
     opacity: 0;
 }
 
 .index .sec1 .item.swiper-slide-active .back3 .h2,
 .index .sec1 .item.swiper-slide-active .back3 .img,
 .index .sec1 .item.swiper-slide-active .back3 .h3 {
     top: 0;
     opacity: 1;
 }
 
 @keyframes animation-opacity1 {
     0% {
         opacity: 0.3;
     }
     25% {
         opacity: 0;
     }
     50% {
         opacity: 0.3;
     }
     75% {
         opacity: 0;
     }
     100% {
         opacity: 0.3;
     }
 }
 
 @-webkit-keyframes animation-opacity1 {
     0% {
         opacity: 0.3;
     }
     25% {
         opacity: 0;
     }
     50% {
         opacity: 0.3;
     }
     75% {
         opacity: 0;
     }
     100% {
         opacity: 0.3;
     }
 }
 
 @-ms-keyframes animation-opacity1 {
     0% {
         opacity: 0.3;
     }
     25% {
         opacity: 0;
     }
     50% {
         opacity: 0.3;
     }
     75% {
         opacity: 0;
     }
     100% {
         opacity: 0.3;
     }
 }
 
 @keyframes animation-opacity2 {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 1;
     }
     100% {
         opacity: 0;
     }
 }
 
 @-webkit-keyframes animation-opacity2 {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 1;
     }
     100% {
         opacity: 0;
     }
 }
 
 @-ms-keyframes animation-opacity2 {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 1;
     }
     100% {
         opacity: 0;
     }
 }
 
 @keyframes animation-opacity3 {
     0% {
         opacity: 0.2;
         transform: translate(-50%, -50%) scale(1);
     }
     50% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1.1);
     }
     100% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1.1);
     }
 }
 
 @-ms-keyframes animation-opacity3 {
     0% {
         opacity: 0.2;
         transform: translate(-50%, -50%) scale(1);
     }
     50% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1.1);
     }
     100% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1.1);
     }
 }
 
 @-webkit-keyframes animation-opacity3 {
     0% {
         opacity: 0.2;
         transform: translate(-50%, -50%) scale(1);
     }
     50% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1.1);
     }
     100% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1.1);
     }
 }
 
 @keyframes animation-wifi {
     0% {
         background-image: url(/skin/imagess/ico_wifi21.png);
     }
     25% {
         background-image: url(/skin/imagess/ico_wifi22.png);
     }
     50% {
         background-image: url(/skin/imagess/ico_wifi23.png);
     }
     75% {
         background-image: url(/skin/imagess/ico_wifi24.png);
     }
     100% {
         background-image: url(/skin/imagess/ico_wifi21.png);
     }
 }
 
 @-webkit-keyframes animation-wifi {
     0% {
         background-image: url(/skin/imagess/ico_wifi21.png);
     }
     25% {
         background-image: url(/skin/imagess/ico_wifi22.png);
     }
     50% {
         background-image: url(/skin/imagess/ico_wifi23.png);
     }
     75% {
         background-image: url(/skin/imagess/ico_wifi24.png);
     }
     100% {
         background-image: url(/skin/imagess/ico_wifi21.png);
     }
 }
 
 @-ms-keyframes animation-wifi {
     0% {
         background-image: url(/skin/imagess/ico_wifi21.png);
     }
     25% {
         background-image: url(/skin/imagess/ico_wifi22.png);
     }
     50% {
         background-image: url(/skin/imagess/ico_wifi23.png);
     }
     75% {
         background-image: url(/skin/imagess/ico_wifi24.png);
     }
     100% {
         background-image: url(/skin/imagess/ico_wifi21.png);
     }
 }
 
 @keyframes animation-waves {
     0% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }
     100% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(3);
     }
 }
 
 @-webkit-keyframes animation-waves {
     0% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }
     100% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(3);
     }
 }
 
 @-ms-keyframes animation-waves {
     0% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }
     100% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(3);
     }
 }
 
 @media (min-width:1025px) {
     /*  .header{position: relative;z-index:2;}*/
     .index .sec1 .back1 .info .h5::after,
     .index .sec1 .back3 .info .h3::before,
     .index .sec1 .back3 .info .h3::after {
         content: "";
         width: 300px;
         height: 1px;
         display: inline-block;
         background-repeat: no-repeat;
         background-position: center center;
         vertical-align: middle;
     }
     .index .sec1 .back1 .info .h5::after,
     .index .sec1 .back3 .info .h3::before {
         margin-right: 16px;
         background-image: url(/skin/images/word_bg_01.png);
     }
     .index .sec1 .back1 .info .h5::after {
         width: 240px;
         background-position: right center;
     }
     .index .sec1 .back3 .info .h3::after {
         margin-left: 16px;
         background-image: url(/skin/images/word_bg_02.png);
     }
     .product-info .sec0 {
         padding: 1px 0;
         /*background:#222;*/
     }
     .product-info .sec0 .pro-menu {
         margin-top: 60px;
     }
     .product-info .sec1 .back {
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 0);
     }
     .product-info .sec2 .auto {
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 0);
     }
     .product-info .sec3 .auto {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
     .product-info .sec4 .row .c-left {
         position: relative;
         height: 100vh;
     }
     .product-info .sec4 .row .c-left .img {
         position: absolute;
         bottom: 0;
         left: 0;
     }
     .product-info .sec5 .auto {
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 0);
     }
     .product-info .sec6 .bg-1 {
         position: absolute;
         right: 0;
         bottom: 0;
     }
     .product-info .sec6 .img {
         position: absolute;
         bottom: 14%;
         margin-left: 60px;
     }
     .product-info .sec7 .auto {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
     .product-info .sec1_chi .back {
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 0);
     }
     .product-info .sec2_chi .auto {
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 0);
     }
     /* �������� */
     #fp-nav.right.hide {
         display: none;
     }
     #fp-nav.right ul li a span {
         margin: -4px 0 0 -4px !important;
         width: 8px !important;
         height: 8px !important;
         background: #fff;
         opacity: 0.2;
     }
     #fp-nav.right ul li a span::before {
         position: absolute;
         top: 50%;
         left: 50%;
         display: block;
         width: 16px;
         height: 16px;
         border: 1px solid #fff;
         border-radius: 50%;
         content: "";
         opacity: 0;
         transform: translate(-50%, -50%);
     }
     #fp-nav.right ul li a.active span {
         opacity: 1;
     }
     #fp-nav.right ul li a.active span::before {
         opacity: 1;
     }
     #fullPage .section:last-child .fp-tableCell {
         display: block;
         overflow: auto;
     }
     #fullPage .f-gotop {
         display: none;
     }
     .slimScrollBar {
         display: none !important;
     }
     #fp-nav ul li:nth-child(1),
     #fp-nav ul li:nth-child(2),
     #fp-nav ul li:last-child {
         display: none;
     }
     #fullPage .other-prod {
         padding-bottom: 8%;
     }
     #fullPage .footer .f-gotop {
         display: none;
     }
     .index .sec4 .swiper .s-top .img {
         transform: scale(1.05);
     }
     .index .sec4 .swiper .s-top .swiper-slide-active .img {
         transform: scale(1);
         transition: all 4s ease;
     }
     .index .sec4 .swiper .s-top .back .info {
         right: 0;
         opacity: 0;
     }
     .index .sec4 .swiper .s-top .swiper-slide-active .back .info {
         right: 120px;
         opacity: 1;
         transition: all 1s ease;
     }
     .index .sec4 .swiper .s-top .back .info .h2,
     .index .sec4 .swiper .s-top .back .info .h5,
     .index .sec4 .swiper .s-top .back .info .h4,
     .index .sec4 .swiper .s-top .back .info .h3,
     .index .sec4 .swiper .s-top .back .info .btn-group {
         position: relative;
         top: -30px;
         opacity: 0;
     }
     .index .sec4 .swiper .s-top .back .info .h2 {
         transition: all 0.5s ease 0.8s;
     }
     .index .sec4 .swiper .s-top .back .info .h5 {
         transition: all 0.5s ease 1s;
     }
     .index .sec4 .swiper .s-top .back .info .h4 {
         transition: all 0.5s ease 1.2s;
     }
     .index .sec4 .swiper .s-top .back .info .h3 {
         transition: all 0.5s ease 1.4s;
     }
     .index .sec4 .swiper .s-top .back .info .btn-group {
         transition: all 0.5s ease 1.6s;
     }
     .index .sec4 .swiper .s-top .swiper-slide-active .back .info>div {
         top: 0;
         opacity: 1;
     }
     .index .sec6 .back .b-left {
         position: relative;
         left: -25vw;
         opacity: 0;
         transition: all 1s ease;
     }
     .index .sec6 .back .b-left .img {
         overflow: hidden;
     }
     .index .sec6 .back .b-left .img img {
         transition: all 6s linear;
         transform: scale(1.05);
     }
     .index .sec6 .swiper-slide-active .back .b-left {
         left: 0;
         opacity: 1;
     }
     .index .sec6 .swiper-slide-active .back .b-left .img img {
         transform: scale(1);
     }
     .index .sec6 .back .b-right {
         opacity: 1;
         transition: all 1s ease;
     }
     .index .sec6 .back .b-right {
         opacity: 0;
         transition: all 1s ease;
     }
     .index .sec6 .swiper-slide-active .back .b-right {
         opacity: 1;
     }
     .index .sec6 .back .b-right .img,
     .index .sec6 .back .b-right .h3,
     .index .sec6 .back .b-right .h5,
     .index .sec6 .back .b-right .btn-group {
         position: relative;
         top: -30px;
         opacity: 0;
     }
     .index .sec6 .back .b-right .img {
         transition: all 1s ease 0.5s;
     }
     .index .sec6 .back .b-right .h3 {
         transition: all 1s ease 0.8s;
     }
     .index .sec6 .back .b-right .h5 {
         transition: all 1s ease 0.9s;
     }
     .index .sec6 .back .b-right .btn-group {
         transition: all 1s ease 1.2s;
     }
     .index .sec6 .swiper-slide-active .back .b-right .img,
     .index .sec6 .swiper-slide-active .back .b-right .h3,
     .index .sec6 .swiper-slide-active .back .b-right .h5,
     .index .sec6 .swiper-slide-active .back .b-right .btn-group {
         top: 0;
         opacity: 1;
         -webkit-opacity: 1;
     }
     .product-info .sec0 {
         position: relative;
         top: -100px;
         opacity: 0;
         -webkit-opacity: 0;
         transition: all 1s ease .4s;
         -webkit-transition: all 1s ease .4s;
         -ms-transition: all 1s ease .4s;
         animation: animation-top 1s 1;
         -webkit-animation: animation-top 1s 1;
         -ms-animation: animation-top 1s 1;
     }
     .product-info .active .sec0 {
         top: 0;
         opacity: 1;
         -webkit-opacity: 1;
     }
     .product-info .sec1 .bg {
         transition: all 10s linear;
         -webkit-transition: all 10s linear;
         -ms-transition: all 10s linear;
     }
     .product-info .sec1 .title .t-desc,
     .product-info .sec1 .title .t-title {
         position: relative;
         opacity: 0;
         -webkit-opacity: 0;
         transition: none;
     }
     .product-info .sec1 .title .t-title {
         left: -300px;
     }
     .product-info .sec1 .title .t-desc {
         right: -300px;
     }
     .product-info .sec1 .back {
         bottom: -400px;
         opacity: 0;
         -webkit-opacity: 0;
         transition: none;
         -webkit-transition: none;
         -ms-transition: none;
     }
     .product-info .sec1 .back .img-l {
         opacity: .3;
         transition: none;
         transform: translate(-50%, -50%) scale(0);
         -webkit-transform: translate(-50%, -50%) scale(0);
         -ms-transform: translate(-50%, -50%) scale(0);
     }
     .product-info .active .sec1 .bg {
         transform: translate(-50%, -50%) scale(1.1);
         -webkit-transform: translate(-50%, -50%) scale(1.1);
         -ms-transform: translate(-50%, -50%) scale(1.1);
     }
     .product-info .active .sec1 .title .t-desc,
     .product-info .active .sec1 .title .t-title {
         opacity: 1;
         -webkit-opacity: 1;
     }
     .product-info .active .sec1 .title .t-title {
         transition: all 1s ease .5s;
         -webkit-transition: all 1s ease .5s;
         -ms-transition: all 1s ease .5s;
     }
     .product-info .active .sec1 .title .t-desc {
         transition: all 1s ease 1s;
         -webkit-transition: all 1s ease 1s;
         -ms-transition: all 1s ease 1s;
     }
     .product-info .active .sec1 .title .t-title {
         left: 0;
     }
     .product-info .active .sec1 .title .t-desc {
         right: 0;
     }
     .product-info .active .sec1 .back {
         bottom: 0;
         opacity: 1;
         -webkit-opacity: 1;
         transition: all 1s ease 1.5s;
         -webkit-transition: all 1s ease 1.5s;
         -ms-transition: all 1s ease 1.5s;
     }
     .product-info .active .sec1 .back .img-l {
         transition: all 1.5s ease 2.5s;
         -webkit-transition: all 1.5s ease 2.5s;
         -ms-transition: all 1.5s ease 2.5s;
         transform: translate(-50%, -50%) scale(1);
         -webkit-transform: translate(-50%, -50%) scale(1);
         -ms-transform: translate(-50%, -50%) scale(1);
     }
     .product-info .sec2 .row .c-left,
     .product-info .sec2 .row .c-right .c-bot .ul li,
     .product-info .sec2 .row .c-right .c-top {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec2 .row .c-left {
         left: -100vw;
     }
     .product-info .sec2 .row .c-left .img::after {
         opacity: 0;
     }
     .product-info .sec2 .row .c-right .c-top {
         right: -50vw;
     }
     .product-info .sec2 .row .c-right .c-bot .ul li {
         right: -20px;
     }
     .product-info .active .sec2 .row .c-left,
     .product-info .active .sec2 .row .c-right .c-bot .ul li,
     .product-info .active .sec2 .row .c-right .c-top {
         opacity: 1;
     }
     .product-info .active .sec2 .row .c-left {
         left: 0;
         transition: all 1s ease .4s;
     }
     .product-info .active .sec2 .row .c-right .c-top {
         right: 0;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec2 .row .c-left .img::after {
         animation: animation-opacity2 4s infinite;
         animation-delay: 1.5s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li {
         right: 0;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(1) {
         transition: all 0.5s ease 2s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(2) {
         transition: all 0.5s ease 2.3s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(3) {
         transition: all 0.5s ease 2.6s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(4) {
         transition: all 0.5s ease 2.9s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(5) {
         transition: all 0.5s ease 3.2s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(6) {
         transition: all 0.5s ease 3.5s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(7) {
         transition: all 0.5s ease 3.8s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(8) {
         transition: all 0.5s ease 4.1s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(9) {
         transition: all 0.5s ease 4.4s;
     }
     .product-info .active .sec2 .row .c-right .c-bot .ul li:nth-child(10) {
         transition: all 0.5s ease 4.7s;
     }
     .product-info .sec3 .bg {
         transition: all 10s linear;
     }
     .product-info .sec3 .bg-img .img1,
     .product-info .sec3 .bg-img .img2 {
         opacity: 0;
         transition: none;
     }
     .product-info .sec3 .row .c-left .h3,
     .product-info .sec3 .row .c-left .h5 {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec3 .row .c-left .h3 {
         left: -50vw;
     }
     .product-info .sec3 .row .c-left .h5 {
         left: -50vw;
     }
     .product-info .active .sec3 .bg {
         transform: translate(-50%, -50%) scale(1.1);
     }
     .product-info .active .sec3 .bg-img .img1 {
         opacity: 1;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec3 .bg-img .img2 {
         animation: animation-opacity2 2s infinite;
         animation-delay: 1.5s;
     }
     .product-info .active .sec3 .row .c-left .h3,
     .product-info .active .sec3 .row .c-left .h5 {
         opacity: 1;
     }
     .product-info .active .sec3 .row .c-left .h3 {
         left: 0;
         transition: all 1s ease .5s;
     }
     .product-info .active .sec3 .row .c-left .h5 {
         left: 0;
         transition: all 1s ease .8s;
     }
     .product-info .sec3 .content {
         position: absolute;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
         width: 100%;
     }
     .product-info .sec3 .left .t-title,
     .product-info .sec3 .left .intro,
     .product-info .sec3 .right img {
         opacity: 0;
     }
     .product-info .sec3 .left .t-title,
     .product-info .sec3 .left .intro {
         transform: translateX(-100%)
     }
     .product-info .sec3 .right img {
         transform: translateX(100%)
     }
     .product-info .active .sec3 .left .t-title,
     .product-info .active .sec3 .left .intro,
     .product-info .active .sec3 .right img {
         opacity: 1;
         transform: translateX(0)
     }
     .product-info .active .sec3 .left .t-title {
         transition: all 1s ease .4s;
     }
     .product-info .active .sec3 .left .intro {
         transition: all 1s ease .6s;
     }
     .product-info .active .sec3 .right img {
         transition: all 1s ease .4s;
     }
     .product-info .sec4 .bg-1 {
         opacity: .2;
     }
     .product-info .sec4 .row .c-left,
     .product-info .sec4 .row .c-right .h3,
     .product-info .sec4 .row .c-right .h5 {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec4 .row .c-left {
         bottom: -100vh;
     }
     .product-info .sec4 .row .c-left .img .img1,
     .product-info .sec4 .row .c-left .img .img2,
     .product-info .sec4 .row .c-left .img .img3,
     .product-info .sec4 .row .c-left .img .img4 {
         opacity: 0;
         transition: none;
     }
     .product-info .sec4 .row .c-right .h3 {
         right: -50vw;
     }
     .product-info .sec4 .row .c-right .h5 {
         right: -50vw;
     }
     .product-info .sec4 .row .duliw .h3,
     .product-info .sec4 .row .duliw .h5 {
         right: 0;
     }
     .product-info .sec4 .row .duliw .info .diwfad {
         position: absolute;
         right: 5%;
         top: 50%;
         transition: none;
         transform: translate(-50%, -50%) scale(0);
         -webkit-transform: translate(-50%, -50%) scale(0);
         -ms-transform: translate(-50%, -50%) scale(0);
     }
     .product-info .active .sec4 .bg-1 {
         animation: animation-opacity3 6s forwards;
     }
     .product-info .active .sec4 .row .c-left,
     .product-info .active .sec4 .row .c-right .h3,
     .product-info .active .sec4 .row .c-right .h5 {
         opacity: 1;
     }
     .product-info .active .sec4 .row .c-left {
         bottom: 0;
         transition: all 1s ease .4s;
     }
     .product-info .active .sec4 .row .c-left .img .img1,
     .product-info .active .sec4 .row .c-left .img .img2,
     .product-info .active .sec4 .row .c-left .img .img3,
     .product-info .active .sec4 .row .c-left .img .img4 {
         opacity: 1;
     }
     .product-info .active .sec4 .row .c-left .img .img1 {
         transition: all 0.3s ease 1.5s;
     }
     .product-info .active .sec4 .row .c-left .img .img2 {
         transition: all 0.6s ease 1.8s;
     }
     .product-info .active .sec4 .row .c-left .img .img3 {
         transition: all 0.9s ease 2.1s;
     }
     .product-info .active .sec4 .row .c-left .img .img4 {
         transition: all 1.2s ease 2.4s;
     }
     .product-info .active .sec4 .row .c-right .h3 {
         right: 0;
         transition: all 1s ease .8s;
     }
     .product-info .active .sec4 .row .c-right .h5 {
         right: 0;
         transition: all 1s ease 1s;
     }
     .product-info .sec5 .bg {
         transition: all 10s linear;
     }
     .product-info .sec5 .back .b-bot,
     .product-info .sec5 .back .b-top .ul li,
     .product-info .sec5 .title .t-desc,
     .product-info .sec5 .title .t-title {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec5 .title .t-title {
         left: -300px;
     }
     .product-info .sec5 .title .t-desc {
         right: -300px;
     }
     .product-info .sec5 .back .b-top {
         position: relative;
         z-index: 3;
         padding-bottom: 0px;
     }
     .product-info .sec5 .back .b-top .ul {
         position: absolute;
         top: -20px;
         left: 50%;
         transform: translate(-50%, 0);
         width: 100%;
     }
     .product-info .sec5 .back .b-top .ul li {
         top: -20px;
     }
     .product-info .sec5 .back .b-bot {
         bottom: -50vh;
     }
     .product-info .sec5 .back .b-bot .img .img2 {
         opacity: 0;
         transition: none;
     }
     .product-info .active .sec5 .bg {
         transform: translate(-50%, -50%) scale(1.1);
     }
     .product-info .active .sec5 .back .b-bot,
     .product-info .active .sec5 .back .b-top .ul li,
     .product-info .active .sec5 .title .t-desc,
     .product-info .active .sec5 .title .t-title {
         opacity: 1;
     }
     .product-info .active .sec5 .title .t-title {
         left: 0;
         transition: all 1s ease .5s;
     }
     .product-info .active .sec5 .title .t-desc {
         right: 0;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec5 .back .b-top .ul li {
         top: 0;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(1) {
         transition: all 0.5s ease 1.8s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(2) {
         transition: all 0.5s ease 2.1s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(3) {
         transition: all 0.5s ease 2.4s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(4) {
         transition: all 0.5s ease 2.7s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(5) {
         transition: all 0.5s ease 3s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(6) {
         transition: all 0.5s ease 3.3s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(7) {
         transition: all 0.5s ease 3.6s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(8) {
         transition: all 0.5s ease 3.9s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(9) {
         transition: all 0.5s ease 4.2s;
     }
     .product-info .active .sec5 .back .b-top .ul li:nth-child(10) {
         transition: all 0.5s ease 4.5s;
     }
     .product-info .active .sec5 .back .b-bot {
         bottom: 0;
         transition: all 1s ease 3s;
     }
     .product-info .active .sec5 .back .b-bot .img .img2 {
         opacity: 1;
         transition: all 1s ease 3.5s;
         animation: animation-opacity2 2s infinite;
         animation-delay: 3.5s;
     }
     .product-info .sec6 .title .t-desc,
     .product-info .sec6 .title .t-title {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec6 .title .t-title {
         left: -300px;
     }
     .product-info .sec6 .title .t-desc {
         right: -300px;
     }
     .product-info .sec6 .wave-group {
         position: absolute;
         width: 820px;
         height: 500px;
         left: 8%;
         bottom: -6%;
     }
     .product-info .sec6 .bg-waves {
         opacity: 0;
         background: url(/skin/images/product_sec_bg63.png) no-repeat center center;
         width: 820px;
         height: 500px;
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
     }
     .product-info .sec6 .bg-1 {
         right: -50vw;
         opacity: 0;
     }
     .product-info .sec6 .img {
         bottom: -50vh;
         opacity: 0;
     }
     .product-info .sec6 .img::before {
         opacity: 0;
         transition: none;
     }
     .product-info .active .sec6 .bg-waves {
         opacity: 1;
         transition: all 2s ease 2.5s;
     }
     .product-info .active .sec6 .bg-waves1 {
         animation: animation-waves 4s infinite;
         animation-delay: 2.5s;
         animation-timing-function: linear;
     }
     .product-info .active .sec6 .bg-waves2 {
         animation: animation-waves 4s infinite;
         animation-delay: 3.8s;
         animation-timing-function: linear;
     }
     .product-info .active .sec6 .bg-waves3 {
         animation: animation-waves 4s infinite;
         animation-delay: 5.1s;
         animation-timing-function: linear;
     }
     .product-info .active .sec6 .title .t-desc,
     .product-info .active .sec6 .title .t-title {
         opacity: 1;
     }
     .product-info .active .sec6 .title .t-title {
         left: 0;
         transition: all 1s ease .5s;
     }
     .product-info .active .sec6 .title .t-desc {
         right: 0;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec6 .bg-1 {
         right: 0;
         opacity: 1;
         transition: all 1s ease 1.2s;
     }
     .product-info .active .sec6 .img {
         bottom: 6%;
         opacity: 1;
         transition: all 1s ease 1.6s;
     }
     .product-info .active .sec6 .img::before {
         opacity: 1;
         transition: all 1s ease 2.4s;
     }
     .product-info .sec7 .bg {
         transition: all 10s linear;
     }
     .product-info .sec7 .row .c-right .h3,
     .product-info .sec7 .row .c-right .h5,
     .product-info .sec7 .row .c-right .ul li {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec7 .row .c-right .h3 {
         right: -50vw;
     }
     .product-info .sec7 .row .c-right .h5 {
         right: -50vw;
     }
     .product-info .sec7 .row .c-right .ul li {
         right: -20px;
     }
     .product-info .active .sec7 .bg {
         transform: translate(-50%, -50%) scale(1.1);
     }
     .product-info .active .sec7 .row .c-right .h3 {
         right: 0;
         opacity: 1;
         transition: all 1s ease .5s;
     }
     .product-info .active .sec7 .row .c-right .h5 {
         right: 0;
         opacity: 1;
         transition: all 1s ease .8s;
     }
     .product-info .active .sec7 .row .c-right .ul li {
         right: 0;
         opacity: 1;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(1) {
         transition: all .5s ease 1.8s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(2) {
         transition: all .5s ease 2.1s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(3) {
         transition: all .5s ease 2.4s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(4) {
         transition: all .5s ease 2.7s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(5) {
         transition: all .5s ease 3s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(6) {
         transition: all .5s ease 3.3s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(7) {
         transition: all .5s ease 3.6s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(8) {
         transition: all .5s ease 3.9s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(9) {
         transition: all .5s ease 4.2s;
     }
     .product-info .active .sec7 .row .c-right .ul li:nth-child(10) {
         transition: all .5s ease 4.5s;
     }
     .product-info .sec8 .row .c-left .h3,
     .product-info .sec8 .row .c-left .h5,
     .product-info .sec8 .row .c-right .img {
         position: relative;
         opacity: 0;
     }
     .product-info .sec8 .row .c-left .h3 {
         left: -50vw;
     }
     .product-info .sec8 .row .c-left .h5 {
         left: -50vw;
     }
     .product-info .sec8 .row .c-right .img {
         top: -100vh;
     }
     .product-info .sec8 .row .c-right .img .img2 {
         opacity: 0;
         transition: none;
     }
     .product-info .sec8 .row .c-right .img .img3 {
         opacity: 0;
         transition: none;
     }
     .product-info .active .sec8 .row .c-left .h3 {
         left: 0;
         opacity: 1;
         transition: all 1s ease .5s;
     }
     .product-info .active .sec8 .row .c-left .h5 {
         left: 0;
         opacity: 1;
         transition: all 1s ease .8s;
     }
     .product-info .active .sec8 .row .c-right .img {
         top: -48px;
         opacity: 1;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec8 .row .c-right .img .img2 {
         animation: animation-opacity2 2s infinite;
         animation-delay: 1.5s;
     }
     .product-info .sec1_chi .bg {
         transition: all 10s linear;
         -webkit-transition: all 10s linear;
         -ms-transition: all 10s linear;
     }
     .product-info .sec1_chi .title .t-desc,
     .product-info .sec1_chi .title .t-title {
         position: relative;
         opacity: 0;
         -webkit-opacity: 0;
         transition: none;
     }
     .product-info .sec1_chi .title .t-title {
         left: -300px;
     }
     .product-info .sec1_chi .title .t-desc {
         right: -300px;
     }
     .product-info .active .sec1_chi .title .img-1,
     .product-info .active .sec1_chi .title .img-2 {
         opacity: 1;
         transition: none;
         transform: translate(-50%, -50%) scale(0);
         -webkit-transform: translate(-50%, -50%) scale(0);
         -ms-transform: translate(-50%, -50%) scale(0);
     }
     .product-info .sec1_chi .back {
         bottom: -400px;
         opacity: 0;
         -webkit-opacity: 0;
         transition: none;
         -webkit-transition: none;
         -ms-transition: none;
     }
     .product-info .sec1_chi .back .img-l {
         opacity: .7;
         transition: none;
         transform: translate(-50%, -50%) scale(0);
         -webkit-transform: translate(-50%, -50%) scale(0);
         -ms-transform: translate(-50%, -50%) scale(0);
     }
     .product-info .active .sec1_chi .bg {
         transform: translate(-50%, -50%) scale(1.1);
         -webkit-transform: translate(-50%, -50%) scale(1.1);
         -ms-transform: translate(-50%, -50%) scale(1.1);
     }
     .product-info .active .sec1_chi .title .t-desc,
     .product-info .active .sec1_chi .title .t-title {
         opacity: 1;
         -webkit-opacity: 1;
     }
     .product-info .active .sec1_chi .title .t-title {
         transition: all 1s ease .5s;
         -webkit-transition: all 1s ease .5s;
         -ms-transition: all 1s ease .5s;
     }
     .product-info .active .sec1_chi .title .t-desc {
         transition: all 1s ease 1s;
         -webkit-transition: all 1s ease 1s;
         -ms-transition: all 1s ease 1s;
     }
     .product-info .active .sec1_chi .title .t-title {
         left: 0;
     }
     .product-info .active .sec1_chi .title .img-1,
     .product-info .active .sec1_chi .title .img-2 {
         transition: all 1.5s ease 2.5s;
         -webkit-transition: all 1.5s ease 2.5s;
         -ms-transition: all 1.5s ease 2.5s;
         transform: translate(-50%, -50%) scale(1);
         -webkit-transform: translate(-50%, -50%) scale(1);
         -ms-transform: translate(-50%, -50%) scale(1);
     }
     .product-info .active .sec1_chi .title .t-desc {
         right: 0;
     }
     .product-info .active .sec1_chi .back {
         bottom: -5%;
         opacity: 1;
         -webkit-opacity: 1;
         transition: all 1s ease 1.5s;
         -webkit-transition: all 1s ease 1.5s;
         -ms-transition: all 1s ease 1.5s;
     }
     .product-info .active .sec1_chi .back .img-l {
         transition: all 1.5s ease 2.5s;
         -webkit-transition: all 1.5s ease 2.5s;
         -ms-transition: all 1.5s ease 2.5s;
         transform: translate(-50%, -50%) scale(1);
         -webkit-transform: translate(-50%, -50%) scale(1);
         -ms-transform: translate(-50%, -50%) scale(1);
     }
     .product-info .sec1_chi .content {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         padding: 0;
     }
     .product-info .sec1_chi .content .t-title {
         transform: translateY(-5%);
         opacity: 0;
     }
     .product-info .sec1_chi .content .pro-img {
         transform: translateY(5%);
         opacity: 0;
     }
     .product-info .active .sec1_chi .content .t-title {
         transform: translateY(0);
         opacity: 1;
         transition: all 1s ease 0.4s;
         -webkit-transition: all 1s ease 0.4s;
         -ms-transition: all 1s ease 0.4s;
     }
     .product-info .active .sec1_chi .content .pro-img {
         transform: translateY(0);
         opacity: 1;
         transition: all 1s ease 0.4s;
         -webkit-transition: all 1s ease 0.4s;
         -ms-transition: all 1s ease 0.41s;
     }
     .product-info .active .sec2_chi .row .c-left,
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li,
     .product-info .active .sec2_chi .row .c-right .c-top {
         opacity: 1;
     }
     .product-info .active .sec2_chi .row .c-left {
         left: 0;
         transition: all 1s ease .4s;
     }
     .product-info .active .sec2_chi .row .c-right .c-top {
         right: 0;
         padding-left: 7%;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec2_chi .row .c-left .img::after {
         animation: animation-opacity2 4s infinite;
         animation-delay: 1.5s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li {
         right: 0;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(1) {
         transition: all 0.5s ease 2s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(2) {
         transition: all 0.5s ease 2.3s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(3) {
         transition: all 0.5s ease 2.6s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(4) {
         transition: all 0.5s ease 2.9s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(5) {
         transition: all 0.5s ease 3.2s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(6) {
         transition: all 0.5s ease 3.5s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(7) {
         transition: all 0.5s ease 3.8s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(8) {
         transition: all 0.5s ease 4.1s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(9) {
         transition: all 0.5s ease 4.4s;
     }
     .product-info .active .sec2_chi .row .c-right .c-bot .ul li:nth-child(10) {
         transition: all 0.5s ease 4.7s;
     }
     .product-info .sec2_chi .left {
         opacity: 0;
         transform: translateX(-100%)
     }
     .product-info .sec2_chi .right>* {
         opacity: 0;
         transform: translateX(100%)
     }
     .product-info .active .sec2_chi .left {
         opacity: 1;
         transform: translateX(0);
         transition: all 1s ease .4s;
     }
     .product-info .active .sec2_chi .right>* {
         opacity: 1;
         transform: translateX(0);
         transition: all 1s ease .4s;
     }
     .product-info .active .sec2_chi .right .intro {
         transition-delay: 0.6s
     }
     .product-info .active .sec2_chi .right .icons {
         transition-delay: 0.8s
     }
     .product-info .sec4_chi .bg-1 {
         opacity: .2;
     }
     .product-info .sec4_chi .pic,
     .product-info .sec4_chi .info .h3,
     .product-info .sec4_chi .info .h5,
     .product-info .sec4_chi .info .icons {
         position: relative;
         opacity: 0;
         transition: none;
     }
     .product-info .sec4_chi .info .h3 {
         right: -50vw;
     }
     .product-info .sec4_chi .info .h5 {
         right: -50vw;
     }
     .product-info .sec4_chi .info .icons {
         right: -50vw;
     }
     .product-info .sec4_chi .pic {
         position: absolute;
         width: 100%;
         bottom: 0;
         height: 100%;
     }
     .product-info .sec4_chi .info {
         position: absolute;
         right: 2%;
         width: 44%;
         top: 20%;
     }
     .product-info .active .sec4_chi .bg-1 {
         animation: animation-opacity3 6s forwards;
     }
     .product-info .active .sec4_chi .pic,
     .product-info .active .sec4_chi .info .h3,
     .product-info .active .sec4_chi .info .h5,
     .product-info .active .sec4_chi .info .icons {
         opacity: 1;
     }
     .product-info .active .sec4_chi .pic {
         bottom: 0;
         transition: all 1s ease .4s;
     }
     .product-info .active .sec4_chi .info .h3 {
         right: 0;
         transition: all 1s ease .8s;
     }
     .product-info .active .sec4_chi .info .h5 {
         right: 0;
         transition: all 1s ease 1s;
     }
     .product-info .active .sec4_chi .info .icons {
         right: 0;
         transition: all 1s ease 1.2s;
     }
     .product-info .active .sec4 .row .duliw .info .diwfad {
         transition: all 1.5s ease 2.5s;
         -webkit-transition: all 1.5s ease 2.5s;
         -ms-transition: all 1.5s ease 2.5s;
         transform: translate(-50%, -50%) scale(1);
         -webkit-transform: translate(-50%, -50%) scale(1);
         -ms-transform: translate(-50%, -50%) scale(1);
     }
     .header .h-mid .h-menu .ul .before,
     .header .h-mid .h-menu .ul::before {
         position: absolute;
         top: 100px;
         left: 0;
         z-index: 2;
         display: block;
         width: 35px;
         height: 1px;
         background: url(/skin/images/ico_light.png) no-repeat center center;
         content: "";
         animation: animation-light 24s infinite;
     }
     .header .h-mid .h-menu .ul:hover .before,
     .header .h-mid .h-menu .ul:hover::before {
         opacity: 0;
         animation: none;
     }
     .header .h-mid .h-menu .ul li .dropdown .before,
     .header .h-mid .h-menu .ul li .dropdown::before {
         position: absolute;
         bottom: 0;
         left: -35px;
         display: block;
         width: 35px;
         height: 1px;
         background: url(/skin/images/ico_light.png) no-repeat center center;
         content: "";
         opacity: 0;
     }
     .header .h-mid .h-menu .ul li:hover .dropdown .before,
     .header .h-mid .h-menu .ul li:hover .dropdown::before {
         opacity: 1;
         animation: animation-light 4s 1;
     }
     .animation-light {
         position: absolute;
         top: 100px;
         left: 0;
         width: 35px;
         height: 1px;
         background: url(/skin/images/ico_light.png) no-repeat center center;
         animation: animation-light 24s infinite;
     }
     @keyframes animation-light {
         0% {
             left: -35px;
         }
         100% {
             left: 100%;
         }
     }
     .animation-img {
         overflow: hidden;
     }
     .animation-img img {
         animation: animation-img 8s infinite;
     }
     @keyframes animation-img {
         0% {
             transform: scale(1);
         }
         60% {
             transform: scale(1.05);
         }
         100% {
             transform: scale(1);
         }
     }
     .animation-bg {
         animation: animation-bg 16s infinite;
     }
     @keyframes animation-bg {
         0% {
             transform: translate(-50%, -50%) scale(1);
         }
         60% {
             transform: translate(-50%, -50%) scale(1.1);
         }
         100% {
             transform: translate(-50%, -50%) scale(1);
         }
     }
     @keyframes animation-top {
         0% {
             opacity: 0;
             top: -100px;
         }
         100% {
             opacity: 1;
             top: 0;
         }
     }
 }
 
 @media (max-width:1440px) {
     .footer .f-top .ul {
         width: 70%;
     }
     .footer .f-top .f-share {
         width: 30%;
     }
     .footer .f-top .f-share::before {
         height: 100px;
     }
     .footer .f-top .f-share a {
         width: 40px;
         height: 40px;
         background-size: 20px auto;
     }
     .footer .f-top .back .img {
         margin: 0 auto;
         width: 40px;
         min-height: 50px;
     }
     .index .sec3 .back .info {
         padding-bottom: 1%;
     }
     .index .sec4 {
         padding-bottom: 8%;
     }
     .index .sec4 .swiper .s-top .back .info {
         bottom: 30%;
     }
     .index .sec4 .swiper .swiper-button-prev,
     .index .sec4 .swiper .swiper-button-next {
         margin-top: -6%;
     }
     .index .sec5 .search-box {
         margin-top: 3%;
     }
     .index .sec7 .s-top {
         margin-top: 8%;
     }
     .index .sec7 .s-top .h2 {
         font-size: 36px;
     }
     .index .sec7 .s-bot {
         padding: 8% 0;
     }
     .product-info .sec1 .title {
         padding-top: 10%;
     }
     .product-info .sec2 .row .c-left {
         width: 36%;
     }
     .product-info .sec2 .row .c-left .img {
         max-width: 450px;
     }
     .product-info .sec2 .row .c-right {
         width: 64%;
     }
     .product-info .sec2 .row .c-right .c-top .num {
         font-size: 18px;
     }
     .product-info .sec2 .row .c-right .c-top .num span {
         font-size: 50px;
     }
     .product-info .sec2 .row .danliys .c-top .num span {
         font-size: 40px;
     }
     .product-info .sec2 .row .c-right .c-bot .ul {
         padding-top: 0;
     }
     .product-info .sec2 .row .c-right .c-bot .ul li {
         margin-top: 20px;
     }
     .product-info .sec2 .row .c-right .c-bot .ico {
         width: 80px;
         height: 80px;
     }
     .product-info .sec2 .row .danliys .c-bot .ico {
         width: 70px;
         height: 70px;
     }
     .product-info .sec3 .row .c-left .h3,
     .product-info .sec4 .row .c-right .h3,
     .product-info .sec7 .row .c-right .h3,
     .product-info .sec8 .row .c-left .h3 {
         font-size: 42px;
     }
     .product-info .sec3 .row .c-left .h5,
     .product-info .sec4 .row .c-right .h5,
     .product-info .sec7 .row .c-right .h5,
     .product-info .sec8 .row .c-left .h5 {
         font-size: 16px;
     }
     .product-info .sec4 .row .c-left {
         width: 40%;
     }
     .product-info .sec4 .row .c-right {
         padding-left: 10%;
     }
     .product-info .sec5 .title .t-title,
     .product-info .sec6 .title .t-title {
         font-size: 40px;
     }
     .product-info .sec5 .title .t-desc,
     .product-info .sec6 .title .t-desc {
         font-size: 18px;
     }
     .product-info .sec5 .back .b-top {
         margin-top: 20px;
         padding-bottom: 70px;
     }
     .product-info .sec5 .back .b-bot img {
         max-width: 400px;
     }
     .product-info .sec6 .title {
         padding-top: 27%;
         padding-right: 5%;
     }
     .product-info .sec6 .bg-1 {
         height: 600px;
     }
     .product-info .sec6 .bg-1 img {
         height: 100%;
     }
     .product-info .sec6 .bg-1 .wifi {
         top: 145px;
         left: -25px;
     }
     .product-info .sec8 .row .c-right .img img {
         max-width: 400px;
     }
     .product-info .sec1_chi .title {
         padding-top: 32%;
     }
 }
 
 @media (max-width:1024px) {
     .footer .f-top .ul {
         width: 100%;
     }
     .footer .f-top .f-share {
         margin-top: 4%;
         width: 100%;
     }
     .footer .f-top .f-share::before {
         display: none;
     }
     .footer .f-bot .c-left {
         float: none;
     }
     .footer .f-bot .f-action {
         float: none;
         text-align: center;
     }
     .footer .f-bot .c-right {
         float: none;
         margin-top: 20px;
         text-align: center;
     }
     .footer .f-bot .f-alink {
         text-align: left;
     }
     .footer .f-bot .f-alink .h5 {
         height: 40px;
         line-height: 40px;
     }
     .index .sec6 .back {
         padding-bottom: 15%;
     }
     .index .sec6 .back .b-right {
         padding: 20px 0;
         width: 40%;
     }
     .index .sec6 .back .b-right .info .h3 {
         font-size: 24px;
     }
     .index .sec6 .back .b-right .info .btn-group {
         margin-top: 10px;
     }
     .index .sec6 .back .b-right .info .btn-group .btn {
         font-size: 14px;
     }
     .index .sec7 .s-top .h4 {
         font-size: 16px;
     }
     .index .sec7 .s-top .h2 {
         font-size: 28px;
     }
     .index .sec7 .s-bot .row.show .c-left {
         width: 100%;
     }
     .index .sec7 .s-bot .row.show .c-right {
         width: 100%;
     }
     .index .sec7 .s-bot .address-box {
         margin: 4% auto 0;
         padding: 0 30px 0 0;
         max-width: 800px;
     }
     .product-info .sec {
         height: auto;
     }
     .product-info .sec .bg {
         height: 100%;
     }
     .product-info .sec1 .back {
         position: relative;
         margin-top: 10%;
     }
     .product-info .sec3 .row .c-left .h3,
     .product-info .sec4 .row .c-right .h3,
     .product-info .sec7 .row .c-right .h3,
     .product-info .sec8 .row .c-left .h3 {
         font-size: 30px;
     }
     .product-info .sec4 .row .c-left .img {
         position: relative;
     }
     .product-info .sec5 .title {
         margin-top: 10%;
     }
     .product-info .sec6 {
         padding-bottom: 10%;
     }
     .product-info .sec6 .bg-1 {
         display: none;
     }
     .product-info .sec6 .img {
         margin-top: 60px;
         text-align: left;
     }
     .product-info .sec6 .wave-position {
         display: none;
     }
     .product-info .sec7 {
         padding: 10% 0;
     }
     .product-info .sec7 .row .c-right {
         padding-right: 0;
         width: 100%;
     }
     .product-info .sec7 .row .c-right .h5 {
         text-align: left;
     }
     .product-info .sec7 .row .c-right .ul {
         margin-top: 6%;
         margin-left: 0;
     }
     .product-info .sec8 {
         padding-bottom: 10%;
     }
     .product-info .sec8 .row .c-right .img {
         height: auto;
     }
     .product-info .sec9 .title,
     .product-info .sec10 .title,
     .product-info .sec11 .title {
         font-size: 32px;
     }
     .product-info .sec12 .title {
         font-size: 32px;
     }
     .pro-gotop {
         display: none;
     }
 }
 
 @media (max-width:640px) {
     .index .sec6 .back .b-right {
         position: initial;
         width: 100%;
     }
     .index .sec7 .s-bot {
         margin-top: 20px;
     }
     .product-info .sec1 .title .t-desc {
         font-size: 18px;
         letter-spacing: 0;
     }
     .product-info .sec2,
     .product-info .sec3,
     .product-info .sec4 {
         padding: 10% 0;
     }
     .product-info .sec2 .row {
         display: block;
     }
     .product-info .sec2 .row .c-left {
         display: block;
         width: 100%;
     }
     .product-info .sec2 .row .c-left .img {
         top: 0;
         margin: 0 auto;
         max-width: 250px;
     }
     .product-info .sec2 .row .c-right {
         display: block;
         margin-top: 6%;
         padding: 0;
         width: 100%;
     }
     .product-info .sec2 .row .c-right .c-top .num {
         font-size: 16px;
     }
     .product-info .sec2 .row .c-right .c-top .num span {
         font-size: 36px;
     }
     .product-info .sec2 .row .c-right .c-top .h4 {
         font-size: 18px;
     }
     .product-info .sec2 .row .c-right .c-top .h5 {
         font-size: 14px;
     }
     .product-info .sec2 .row .c-right .c-bot .h5 {
         font-size: 14px;
     }
     .product-info .sec2 .row .c-right .c-bot .ico {
         width: 60px;
         height: 60px;
     }
     .product-info .sec2 .row .c-right .c-bot .ico img {
         max-width: 60%;
     }
     .product-info .sec2 .row .danliys .c-bot .ico img {
         max-width: 40%;
     }
     .product-info .sec3 .row {
         display: block;
         text-align: center;
     }
     .product-info .sec3 .row .col {
         display: block;
         width: 100%;
     }
     .product-info .sec3 .row .c-left {
         padding: 0;
     }
     .product-info .sec4 .row {
         display: block;
         text-align: center;
     }
     .product-info .sec4 .row .col {
         display: block;
         width: 100%;
     }
     .product-info .sec4 .row .c-right {
         margin-top: 6%;
         padding: 0;
     }
     .product-info .sec5 .title .t-title,
     .product-info .sec6 .title .t-title {
         font-size: 30px;
     }
     .product-info .sec5 .back .b-top .ul li {
         width: 25%;
         margin-top: 15px;
     }
     .product-info .sec5 .back .b-bot img {
         width: 100%;
     }
     .product-info .sec6 .img img {
         width: 70%
     }
     .product-info .sec7,
     .product-info .sec7 .row .c-right .h5 {
         text-align: center;
     }
     .product-info .sec7 .row .c-right .ul li {
         width: 33.33%;
         margin-top: 10px;
     }
     .product-info .sec8 .row {
         text-align: center;
     }
     .product-info .sec8 .row .col {
         display: block;
         width: 100%;
     }
     .product-info .sec8 .row .c-right {
         margin-top: 6%;
     }
     .product-info .sec8 .row .c-right .img img {
         max-width: 250px;
     }
     /*  .product-info .sec9 .row .c-right .table{padding:10px 20px;}*/
     .product-info .sec10 .ul li {
         width: 100%;
         margin-bottom: 15px;
     }
     .product-info .sec1_chi .title .t-desc {
         font-size: 18px;
         letter-spacing: 0;
     }
     .product-info .sec2_chi {
         padding: 10% 0;
     }
     .product-info .sec2_chi .row {
         display: block;
     }
     .product-info .sec2_chi .row .c-left {
         display: block;
         width: 100%;
     }
     .product-info .sec2_chi .row .c-left .img {
         top: 0;
         margin: 0 auto;
         max-width: 250px;
     }
     .product-info .sec2_chi .row .c-right {
         display: block;
         margin-top: 6%;
         padding: 0;
         width: 100%;
     }
     .product-info .sec2_chi .row .c-right .c-top .num {
         font-size: 16px;
     }
     .product-info .sec2_chi .row .c-right .c-top .num span {
         font-size: 36px;
     }
     .product-info .sec2_chi .row .c-right .c-top .h4 {
         font-size: 18px;
     }
     .product-info .sec2_chi .row .c-right .c-top .h5 {
         font-size: 14px;
     }
     .product-info .sec2_chi .row .c-right .c-bot .h5 {
         font-size: 14px;
     }
     .product-info .sec2_chi .row .c-right .c-bot .ico {
         width: 60px;
         height: 60px;
     }
     .product-info .sec2_chi .row .c-right .c-bot .ico img {
         max-width: 60%;
     }
     .product-info .sec4_chi .info {
         padding: 3%;
     }
 }
 
 .hover-kefu {
     position: absolute;
     bottom: 39px;
     opacity: 0;
     transform: translateY(-30px);
     -webkit-transform: translateY(-30px);
     width: 0;
     z-index: 10;
     transition: opacity 0.3s, transform 0.5s;
     -webkit-transition: opacity 0.3s, transform 0.5s;
     -ms-transition: opacity 0.3s, transform 0.5s;
     left: 50%;
 }
 
 .hover .hover-kefu:after {
     position: absolute;
     content: '';
     top: 100%;
     margin-top: -1px;
     border: 10px solid transparent;
     border-top-color: #fff;
     left: 50%;
     margin-left: -5px;
     z-index: 1;
 }
 
 .hover-kefu dl {
     padding: 30px 0;
     background: #fff;
     border-radius: 20px;
     opacity: 0;
     -webkit-opacity: 0;
     transition: opacity 0s;
     -webkit-transition: opacity 0s;
     position: relative;
     z-index: 2;
 }
 
 .hover-kefu dd {
     text-align: center;
     overflow: hidden;
     height: 0;
 }
 
 .hover-kefu dd {
     float: left;
     width: 33.3333%;
 }
 
 .hover-kefu dd:not(:last-child) {
     border-right: 1px solid #e5e5e5;
 }
 
 .hover-kefu dd a {
     display: block;
 }
 
 .hover-kefu dd a:before {
     display: block;
     margin: 0 auto 12px;
     background: url(/skin/images/kf.png) no-repeat;
     width: 27px;
     height: 30px;
     content: '';
 }
 
 .hover-kefu dd a:hover:before {
     background-image: url(/skin/images/kf-on.png);
 }
 
 .hover-kefu dd a:hover {
     color: #435980;
 }
 
 .hover .hover-kefu {
     opacity: 1;
     -webkit-opacity: 1;
     transform: translateY(0);
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
 }
 
 .hover .hover-kefu dl {
     opacity: 1;
     -webkit-opacity: 1;
     transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     -ms-transition: opacity 0.2s;
 }
 
 .hover .hover-kefu dd {
     height: auto;
 }
 
 @media(min-width:751px) {
     .hover .hover-kefu {
         width: 340px;
         margin-left: -170px;
     }
 }
 
 @media(max-width:1024px) {
     /* .hover .hover-kefu{width: 100px;margin-left: -50px;}*/
     /*.hover-kefu dd:not(:last-child){border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}*/
     .footer .f-top .ul li .hover-kefu {
         left: auto;
         right: 0;
     }
     .footer .f-top .ul li .hover-kefu:after {
         margin-left: 0;
         left: 70%;
     }
 }
 
 @media(max-width:750px) {
     .footer .f-top .ul li {
         font-size: 100px;
         margin: 0.37em 0;
     }
     .footer .f-top .back {
         display: table;
         width: 90%;
         margin: 0 auto;
         max-width: 250px;
     }
     .footer .f-top .back>* {
         display: table-cell;
         vertical-align: middle;
     }
     .footer .f-top .back .img {
         width: 42%;
         min-height: inherit;
     }
     .footer .f-top .back .img img {
         height: 0.6em;
         display: block;
         margin: 0 auto;
     }
     .footer .f-top .back .info {
         font-size: 0.2em;
         margin: 0;
         text-align: left;
     }
     .hover-kefu {
         font-size: 0.2em;
         bottom: 3em;
         padding: 0 0.5em;
     }
     .hover-kefu dl {
         padding: 1.5em 0;
         border-radius: 1em;
     }
     .hover-kefu dd a:before {
         width: 1.35em;
         height: 1.5em;
         background-size: contain;
     }
     .hover .hover-kefu {
         width: 20em;
     }
     .footer .f-top .f-share .s-bot {
         font-size: 20px;
         padding: 0 20px;
     }
     .footer .f-top .f-share::after {
         width: 50%;
         max-width: 250px;
         bottom: 11px;
     }
 }
 
 @media(max-width:640px) {
     .footer .f-top .ul li {
         font-size: 80px;
     }
     .footer .f-top .ul li .hover-kefu:after {
         left: 60%;
     }
 }
 
 @media(max-width:480px) {
     .footer .f-top .ul li {
         font-size: 70px;
     }
     .footer .f-top .f-share .s-bot {
         font-size: 16px;
     }
     .footer .f-top .f-share::after {
         bottom: 7px;
     }
 }
 
 .map-opoup {
     position: fixed;
     left: -100%;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     z-index: 300;
 }
 
 .map-opoup.show {
     left: 0;
 }
 
 .map-opoup .ytable {
     height: 100%;
 }
 
 .map-opoup .inner {
     width: 80%;
 }
 
 .same-map {
     max-width: 1440px;
     margin: 0 auto;
     background: #fff;
     padding: 10px;
     position: relative;
 }
 
 .map-opoup .close {
     position: absolute;
     right: 0;
     top: -42px;
     width: 22px;
     height: 22px;
     background: url(/skin/images/ico_close2.png) no-repeat;
     cursor: pointer;
 }
 
 .same-map .search {
     padding: 40px 0;
     position: relative;
 }
 
 .same-map .search input {
     background: #f7f7f7;
     line-height: 60px;
     height: 60px;
     padding: 0 60px 0 20px;
     width: 100%;
     border: 0;
     font-size: 16px;
     color: #999;
 }
 
 .same-map .search .btn {
     position: absolute;
     right: 0;
     top: 40px;
     height: 60px;
     width: 60px;
     background: url(/skin/images/ico_search4.png) no-repeat center center;
     cursor: pointer;
 }
 
 .same-map .list {
     padding-right: 40px;
     position: relative;
 }
 
 .same-map .list li {
     margin-bottom: 20px;
     border-bottom: 1px solid #ccc;
     padding-bottom: 20px;
     cursor: pointer;
     font-size: 16px;
     color: #888;
 }
 
 .same-map .list li b {
     font-size: 18px;
     color: #333;
     display: block;
     line-height: 38px;
 }
 
 .same-map .list li .add {
     background: url(/skin/images/add.png) no-repeat 0 4px;
     padding-left: 28px;
 }
 
 .same-map .list li.on .add {
     background-image: url(/skin/images/add-on.png);
 }
 
 .same-map .list li.on * {
     color: #435980;
 }
 
 .same-map .mCustomScrollbar {
     overflow: auto;
     height: 100%;
 }
 
 .same-map .mCSB_scrollTools {
     width: 10px;
 }
 
 .same-map .mCSB_outside+.mCSB_scrollTools {
     right: 10px;
 }
 
 .same-map .mCSB_scrollTools .mCSB_draggerRail {
     width: 10px;
     border-radius: 0;
     background: #e5e5e5;
 }
 
 .same-map .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     width: 100%;
     background: #435980!important;
     height: 50px;
     border-radius: 0;
 }
 
 .same-map .mCSB_scrollTools .mCSB_dragger {
     height: 50px!important;
 }
 
 .same-map .map {
     position: relative;
 }
 
 .same-map .map #allmap {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 10;
 }
 
 #allmap * {
     box-sizing: content-box;
 }
 
 #allmap img {
     max-width: none;
 }
 
 .same-map .map>img {
     display: block;
     width: 100%;
     opacity: 0;
     -webkit-opacity: 0;
 }
 
 @media(min-width:769px) {
     .same-map .map {
         float: left;
         width: 71.127%;
     }
     .same-map .right {
         float: right;
         width: 26.55%;
     }
 }
 
 @media(max-width:768px) {
     .map-opoup .inner {
         width: 95%;
     }
 }
 
 @media(min-width:1025px) {
     .sub-menu {
         position: absolute;
         left: 0;
         top: 100%;
         width: 100%;
         z-index: 100;
         padding: 50px 0 70px 0;
     }
     .sub-menu dl {
         float: left;
         width: 27.778%;
     }
     .sub-row-3 dl {
         width: 62.014%;
         position: relative;
     }
     .sub-row-3 dl:before,
     .sub-row-3 dl:after {
         position: absolute;
         content: '';
         width: 1px;
         height: 100%;
         background: rgba(255, 255, 255, 0.12);
     }
     .sub-row-3 dl:before {
         left: 32%;
     }
     .sub-row-3 dl:after {
         right: 32%;
     }
     .sub-row-3 dd {
         float: left;
         width: 28%;
     }
     .sub-row-3 dd:not(:nth-child(3n)) {
         margin-right: 8%;
     }
     .sub-menu .rightdd-img {
         float: right;
         width: 65.278%;
     }
     .sub-menu .rightdd-img .img img {
         max-height: 280px;
     }
     .sub-row-3 .rightdd-img {
         width: 29.167%;
     }
     .sub-menu {
         background: rgba(0, 0, 0, 0.9);
     }
     .sub-menu dd {
         border-bottom: 1px solid rgba(255, 255, 255, 0.12);
         position: relative;
         overflow: hidden;
     }
     .sub-menu dd span,
     .sub-menu dd a {
         display: block;
     }
     .sub-menu dd span {
         font-size: 18px;
     }
     .sub-menu dd a {
         color: #fff;
         padding: 15px 10px;
         line-height: 30px;
         opacity: 0.5;
         -webkit-opacity: 0.5;
         background: url(/skin/images/ico_arrow_right3.png) no-repeat right center;
     }
     .sub-menu dd.on a,
     .sub-menu dd a:hover {
         opacity: 1;
         -webkit-opacity: 1;
     }
 }
 
 .sub-menu {
     display: none;
 }
 
 .sub-menu .rightdd-img .pic {
     display: none;
     color: #fff;
     position: relative;
 }
 
 .sub-menu .rightdd-img .pic>a {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0;
     -webkit-opacity: 0;
 }
 
 .sub-menu .rightdd-img .pic .img img {
     display: block;
     width: 100%;
 }
 
 .sub-menu .rightdd-img .pic h3 {
     font-size: 24px;
     padding: 25px 0 5px 0
 }
 
 .sub-menu .rightdd-img .pic p {
     font-size: 18px;
     opacity: 0.6;
     -webkit-opacity: 0.6;
 }
 
 .sub-menu dd::before {
     position: absolute;
     bottom: 0;
     left: -35px;
     display: block;
     width: 35px;
     height: 1px;
     background: url(/skin/images/ico_light.png) no-repeat center center;
     content: "";
     opacity: 0;
     -webkit-opacity: 0;
 }
 
 .sub-menu dd:hover::before {
     opacity: 1;
     -webkit-opacity: 1;
     animation: animation-light 4s 1;
     -webkit-animation: animation-light 4s 1;
     -ms-animation: animation-light 4s 1;
 }
 
 @media(max-width:1024px) {
     .sub-menu {
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
         padding: 3% 0;
     }
     .sub-menu dd {
         float: left;
         width: 50%;
         padding-right: 3%;
     }
     .sub-menu dd a {
         font-size: 24px;
         line-height: 60px;
         color: #fff;
     }
 }
 
 @media(max-width:640px) {
     .sub-menu dd a {
         font-size: 16px;
         line-height: 40px;
     }
 }
 
 .index .sec2 .panel {
     position: relative;
 }
 
 .index .sec2 .slick-arrow {
     width: 40px;
     height: 40px;
     background: url(/skin/images/ico_arrow_prev4.png) no-repeat center rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 50%;
     left: -4%;
     margin-top: -20px;
     font-size: 0;
     z-index: 100;
 }
 
 .index .sec2 .slick-next {
     background-image: url(/skin/images/ico_arrow_right4.png);
     left: auto;
     right: -4%;
 }
 
 @media(max-width:1024px) {
     .index .sec2 .slick-arrow {
         left: 0;
     }
     .index .sec2 .slick-next {
         right: 0;
         left: auto;
     }
 }
 
 .index .sec2 .img-big_con {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     opacity: 0;
     display: none;
 }
 
 .index .sec2 .img-big_conshow {
     opacity: 1;
     z-index: 10;
 }
 
 .index .sec2 li .img-big {
     display: none;
 }
 
 .index .sec2 .img-big_con .img-big {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     transition: all 0.3s ease;
     transform: translate(-50%, -50%);
     opacity: 1;
     z-index:
 }
 
 .index .sec2 .img-big_con .img {
     position: absolute;
     z-index: 10;
     width: 100%;
     height: 100%;
     opacity: 0;
     left: 0;
     top: 0;
 }
 
 .index .sec2 .img-big_con .img-show {
     opacity: 1;
     z-index: 20;
 }
 
 .index .sec2 .img-big_con .img .btn {
     z-index: 11;
     text-align: center;
 }
 
 .index .sec2 .img-big_con .img * {
     opacity: 1;
     transition: 0.3s;
 }
 
 @media(min-width:1025px) {
     .index .sec2 .img-big_con {
         display: block;
     }
     .index .sec2 .img-big_con .img .img-big {
         transition: transform 4s ease;
         transform: translate(-50%, -50%) scale(1.05);
     }
     .index .sec2 .img-big_con .img-show .img-big {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
         z-index: 10;
     }
 }
 
 .owl-carousel .owl-item .pc-img {
     display: block;
 }
 
 .owl-carousel .owl-item .wap-img {
     display: none;
 }
 
 @media(max-width:750px) {
     .wap-menu {
         height: 900px;
     }
 }
 
 @media(max-width:750px) {
     .owl-carousel .owl-item .pc-img {
         display: none;
     }
     .owl-carousel .owl-item .wap-img {
         display: block;
     }
 }
 /* footer */
 
 footer {
     overflow: hidden;
     position: relative;
     background: #141414;
 }
 /* footer .hls-footer {
    padding: 5% 0 4% 0;
    overflow: hidden;
} */
 
 footer .hls-footer .leftnav {
     width: 60%;
     float: left;
 }
 
 footer .hls-footer .leftnav ul {
     float: left;
     width: 14%;
 }
 
 footer .hls-footer .leftnav ul h4 {
     font-size: 16px;
     color: #fff;
 }
 
 footer .hls-footer .leftnav ul li {
     padding-top: 30px;
     overflow: hidden;
 }
 
 footer .hls-footer .leftnav ul li a {
     display: block;
     font-size: 14px;
     line-height: 30px;
     color: #fff;
 }
 
 footer .hls-footer .leftnav ul li a:hover {
     color: #fff;
 }
 
 footer .hls-footer .right {
     width: 40%;
     float: right;
     text-align: right;
 }
 
 footer .hls-footer .right ul {
     display: block;
     float: right;
     clear: both;
     overflow: hidden;
     padding: 20px 0;
     font-size: 12px;
     color: #414141;
     text-transform: uppercase;
 }
 
 footer .hls-footer .right ul a.flogo {
     display: block;
     width: 270px;
     height: 30px;
     background: url("/skin/images/mlogo.png") no-repeat;
     background-size: 100%;
 }
 
 footer .hls-footer .right ul h4 {
     color: #ffffff78;
     font-size: 20px;
     letter-spacing: 2px;
     margin-bottom: 10px;
     font-weight: 600;
 }
 
 footer .hls-footer .right ul h3 {
     color: #ffffff78;
     font-size: 18px;
 }
 
 footer .hls-footer .right ul li {
     text-align: right;
 }
 
 footer .hls-footer .right ul li a {
     display: inline-block;
     font-family: "font_family";
     width: 36px;
     height: 36px;
     background-color: #202020;
     border-radius: 100%;
     margin-left: 10px;
     font-size: 20px;
     line-height: 36px;
     text-align: center;
 }
 
 footer .hls-footer .right ul li a.f1:before {
     content: "\e61d";
 }
 
 footer .hls-footer .right ul li a.f2:before {
     content: "\e61e";
 }
 
 footer .hls-footer .right ul li a.f3:before {
     content: "\e61f";
 }
 
 footer .hls-footer .right ul li a.f4:before {
     content: "\e620";
 }
 
 footer .hls-footer .right ul a {
     color: #ffffff78;
 }
 
 footer .hls-footer .right ul a:hover {
     color: #fff;
 }
 
 footer .hls-footer .right ul:last-child {
     padding: 0px 0;
     color: #ffffff78;
     padding-bottom: 50px;
 }
 
 @media screen and (max-width:800px) {
     .header .h-left .h-logo {
         display: inline-block;
         padding: 3% 0 3% 0;
         width: 160px;
     }
     .leftnav {
         display: none;
     }
     footer .hls-footer .right {
         width: 100%;
         float: right;
         text-align: right;
     }
     footer .hls-footer .right ul {
         display: block;
         clear: both;
         overflow: hidden;
         padding: 20px 0;
         font-size: 12px;
         color: #414141;
         text-transform: uppercase;
         text-align: center;
         width: 100%;
     }
     footer .hls-footer .right ul a.flogo {
         display: block;
         width: 270px;
         height: 30px;
         background: url(/skin/images/mlogo.png) no-repeat;
         background-size: 100%;
         margin: 0 auto;
     }
     footer .hls-footer .right ul h4 {
         color: #ffffff78;
         font-size: 18px;
         letter-spacing: 2px;
         margin-bottom: 10px;
         font-weight: lighter;
     }
     footer .hls-footer .right ul h3 {
         color: #ffffff78;
         font-size: 17px;
         font-weight: lighter;
     }
 }
 
 @media screen and (max-width:1259px) {
     .header .h-bot {
         display: none;
     }
 }
 
 @media screen and (max-width:1024px) {
     .header .h-left .h-logo {
          display: inline-block;
         padding: 3% 0 3% 0;
         width: 160px;
     }
 }
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 
 .w22 {
     width: 22%;
     padding-bottom: 4%;
 }
 
 .w75 {
     width: 75%;
     padding-bottom: 4%;
 }
 
 @media(max-width:1024px) {
     .fl,
     .fr {
         float: none;
     }
     .w22,
     .w75 {
         width: auto;
         padding-bottom: 2%;
     }
 }
 
 
 
 .jdcyjh {
     margin-top: 90px;
 }
 .jdcyjh img {
     width: 100%;;
 }
 
 @media(max-width:770px) {
     .jdcyjh {
     display: none;
 }
 }